uniapp怎么申请微信登录

发布时间:2022-05-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了uniapp怎么申请微信登录脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

uniapp申请微信登录的方法:首先注册微信开放平台并进行企业认证;然后获取appid和秘钥;接着在用户端代码中进入“manifest.json”设置;最后实现点击登录方法代码即可。

uniapp怎么申请微信登录

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

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

uniapP实现APP微信登录流程

1、注册微信开放平台

1、注册账号

https://oPEn.weixin.QQ.COM

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

uniapp怎么申请微信登录

3、创建应用填写信息

uniapp怎么申请微信登录

4、等待审核

uniapp怎么申请微信登录

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

uniapp怎么申请微信登录

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

uniapp怎么申请微信登录

uniapp怎么申请微信登录

3、登录界面代码实现

写一个登录按钮

<button  class="confirm-BTn" @click="weixinLo">微信登录</button>

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

weixinLo() {
				let t@R_304_2570@ = this;
				uni.login({
					PRovider: &#39;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() + "&amp;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怎么申请微信登录所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:uniapp