uni-app—微信公众号授权登录(截取code)

uni-app获取code发送到服务器上获取信息

  • 首先先获取code,公众号分为静默授权(即无需用户点击)和非静默授权(弹出提示框,用户点击确认)
getCode() { // 非静默授权,第一次有弹框
				this.code = ''
				var local = window.location.href // 获取页面url
				var appid = 'wx65adcf0753691319'
				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=https%3a%2f%2f自己的地址%2fh5&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect`;
				}
			},

这里需要运行到微信开发者工具 ,换成公众号网页开发调试 ,然后就能获取code了

  • 获取code之后需要截取下来发给到服务器上
function getUrl(variable) {
		var query = window.location.search.substring(1);
		var vars = query.split("&");
		for (var i = 0; i < vars.length; i++) {
			var pair = vars[i].split("=");
			if (pair[0] == variable) {
				return pair[1];
			}
		}
		return (false);
	}

这样就能放到服务器上了!

你可能感兴趣的:(uni-app—微信公众号授权登录(截取code))