我是靠谱客的博主 纯真唇膏,这篇文章主要介绍uniapp怎么申请微信登录,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3电脑。

推荐(免费):uni-app教程

uniapp实现APP微信登录流程

1、注册微信开放平台

1、注册账号

https://open.weixin.qq.com

2、企业认证 (微信登录必须认证)

3、创建应用填写信息

4、等待审核

5、获取appid和秘钥(开通APP支付绑定商户即可)

2、用户端代码中进入manifest.json设置

3、登录界面代码实现

写一个登录按钮

复制代码
1
<button class="confirm-btn" @click="weixinLo">微信登录</button>
登录后复制

实现点击登录方法代码以及说明

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
weixinLo() { let that = this; uni.login({ provider: 'weixin', success: function(loginRes) { that.$queue.showLoading('正在登录中...'); console.error(loginRes.authResult); //获取登录的token that.$queue.setData('weixinToken',loginRes.authResult.access_token); //获取登录的unionid 这个还是在开放平台做了 公众号 小程序 微信登录app关联才会有 that.$queue.setData('unionid', loginRes.authResult.unionid); //获取openid that.$queue.setData('weixinOpenid', loginRes.authResult.openid); //这里吧数据全部提交给后台核验,有没有注册 注册了 后台代码会请求接口String s = HttpClient.doGet("https://api.weixin.qq.com/sns/userinfo?access_token=" + loginInfo.getToken() + "&openid=" + loginInfo.getOpenid()); 获取头像和昵称 that.$Request .postJson('/user/loginApp', { token: loginRes.authResult.access_token, unionid: loginRes.authResult.unionid, openid: loginRes.authResult.openid }) .then(res => { if (res.status === 0) { //绑定手机号直接登录 that.getUserInfo(res.data.userId, res.data.uuid); } else { //没有绑定手机号让绑定手机号 uni.navigateTo({ url: '/pages/public/wxmobile' }); } }); } }); },
登录后复制

以上就是uniapp怎么申请微信登录的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是纯真唇膏最近收集整理的关于uniapp怎么申请微信登录的全部内容,更多相关uniapp怎么申请微信登录内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(136)

评论列表共有 0 条评论

立即
投稿
返回
顶部