8000 多端小程序 · sam9831/mpvue-imooc-ebook-docs@1d06982 · GitHub
[go: up one dir, main page]

Skip to content

Commit 1d06982

Browse files
committed
多端小程序
1 parent 2f636f9 commit 1d06982

File tree

1 file changed

+57
-0
lines changed

1 file changed

+57
-0
lines changed

docs/guide/dev/alipay.md

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,3 +65,60 @@ app.get('/openId/get/alipay', (req, res) => {
6565
需要手动添加权限
6666

6767
![add](../images/alipay_add_permission.png)
68+
69+
## 用户授权
70+
71+
```html
72+
<button
73+
class="auth-btn"
74+
plain="true"
75+
open-type="getAuthorize"
76+
scope='userInfo'
77+
>
78+
授权登录
79+
</button>
80+
```
81+
82+
支付宝小程序中仍然是通过 `open-type``scope` 完成授权
83+
84+
## API 改造
85+
86+
API 获取方式需要进行兼容:
87+
```js
88+
export function getUserInfo(onSuccess, onFail) {
89+
const wx = () => {
90+
mpvue.getUserInfo({
91+
success(res) {
92+
const { userInfo } = res
93+
console.log('getUserInfo', userInfo)
94+
onSuccess(userInfo)
95+
},
96+
fail() {
97+
onFail ? onFail() : setError('获取用户信息失败')
98+
}
99+
})
100+
}
101+
const my = () => {
102+
mpvue.getAuthUserInfo({
103+
success(res) {
104+
console.log(res)
105+
res.avatarUrl = res.avatar || res.avatarUrl
106+
delete res.avatar
107+
console.log('getOpenUserInfo', res)
108+
onSuccess(res)
109+
},
110+
fail() {
111+
onFail ? onFail() : setError('获取用户信息失败')
112+
}
113+
})
114+
}
115+
adapter({ wx, my })
116+
}
117+
```
118+
119+
`adapter` 方法源码:
120+
```js
121+
function adapter(fn, params) {
122+
return fn[mpvuePlatform] && fn[mpvuePlatform](params)
123+
}
124+
```

0 commit comments

Comments
 (0)
0