uniapp授权微信登陆

最新推荐文章于 2025-05-16 15:51:05 发布

linkzz_

最新推荐文章于 2025-05-16 15:51:05 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_39389758/article/details/103399085

本文详细介绍使用uniapp实现微信授权登录的过程，包括在安卓模拟器上进行测试、使用HBuilderX打包、生成微信签名，以及如何在html和js中实现微信登录功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp授权微信登陆

测试平台安卓

工具

安卓模拟器（网易的mumu）
打包工具（HBuilderX）
微信签名生成工具

首先微信授权的appid和签名确保与项目保持一致

通过签名工具获取到签名
在这里插入图片描述
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));
			                            }
			                        });
			                    }
			                });
						}	
			        }
				});

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