uniapp公众号开发：用户授权

原创于 2022-03-09 14:50:06 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端 #uniapp

uniapp 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何通过微信开放平台实现非静默授权，包括getCode方法的使用，获取code的步骤，并详细解释了URL参数的截取与处理，重点在于理解OAuth2授权流程和前端与后端交互的逻辑。

	getCode() { // 非静默授权，第一次有弹框
							this.code = ''
							var local = config.baseurl // 获取页面url
							var appid = config.appid
							this.code = this.getUrlCode() // 截取codeurlEncode
							if (JSON.stringify(this.code) == "{}") { // 如果没有code，则去请求
								window.location.href =
									'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri='+location+'&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect';
									this.btnTxt = '点击登录'
							}else{
								
								uni.redirectTo({
													url:'/pages/user/login?code='+JSON.stringify(this.code)
												})
							}
						},
				getUrlCode() { // 截取url中的code方法
						var url = location.search
						var theRequest = new Object()
						if (url.indexOf("?") != -1) {
							var str = url.substr(1)
							var strs = str.split("&");
							for (var i = 0; i < strs.length; i++) {
								theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1])
							}
						}
						return theRequest
					},