uniapp实现微信登录

2,533 阅读1分钟

打开manifest.json文件,选择App SDK配置,找到登录鉴权,勾选上微信登录,填写appid和appsecret

%1TX10[Q18Y{]H)R(P6I9TR.png

如何获取appid和appsecret?

注册微信开放平台,申请成为开发者并进行开发者资质认证,完成后在管理中心选择移动应用就可以创建你的安卓应用啦,填写完应用信息并提交审核,通过后点击应用详情便可以看到appid和appsecret。

完成上述操作后,检查是否安装了微信(浏览器获取不到plus)

        onLoad(options) {
			plus.oauth.getServices(function(services) {
				let data = services
				for (var i = 0; i < data.length; i++) {
					auths[data[i].id] = data[i];
				}
				aweixin = auths['weixin'];
			}, function(e) {
				plus.nativeUI.alert("获取登录授权服务列表失败:" + JSON.stringify(e));
			});
		}
// 获取微信登录授权对象后可进行授权操作
		userBtn() {
			const that = this;
			if (!aweixin) {
				plus.nativeUI.alert("当前环境不支持微信登录");
				return;
			}
			// 获取code传给后台
			aweixin.authorize(function(e) {
				// console.log(e)
				// 登录
				uni.request({
					url:"你与后台约定的接口",
					 data:{
						"code": e.code,//传给后台,后台拿code解析,返回用户数据
					},
					success(res){
						console.log(res)
					}
			  });
			}, function(e) {
				console.log(JSON.stringify(e))
			}, {
				scope: 'snsapi_userinfo',
				appid: '你的appid'
			});

uniapp文档授权登录插件配置

微信开放文档登录授权调用,后台可调用