uniapp授权微信登陆

uniapp授权微信登陆

测试平台安卓

工具
  1. 安卓模拟器(网易的mumu)
  2. 打包工具(HBuilderX)
  3. 微信签名生成工具

首先微信授权的appid和签名确保与项目保持一致
撒旦
通过签名工具获取到签名
uniapp授权微信登陆_第1张图片
html部分

<button @click="Login()">微信登录</button>

js部分

				uni.getProvider({
			        service: 'oauth',
			        success: function(res) {
			            console.log(res.provider);
			            if (~res.provider.indexOf('weixin')) {
			                uni.login({
			                    provider: 'weixin',
			                    success: function(loginRes) {
			                        console.log('-------获取openid(unionid)-----');
			                        console.log(JSON.stringify(loginRes));
			                        // 获取用户信息
			                        uni.getUserInfo({
			                            provider: 'weixin',
			                            success: function(infoRes) {
			                                console.log('-------获取微信用户所有-----');
			                                console.log(JSON.stringify(infoRes.userInfo));
			                            }
			                        });
			                    }
			                });
						}	
			        }
				});

然后点击微信登陆按钮
在这里插入图片描述
搞定!!(当然过程不是这么顺利的。十分曲折-_-)

你可能感兴趣的:(uniapp授权微信登陆)