uniapp开发微信公众号登录

最新推荐文章于 2024-07-22 10:36:53 发布

巴博尔

最新推荐文章于 2024-07-22 10:36:53 发布

阅读量464

点赞数 3

分类专栏： uniapp 文章标签： uni-app 微信前端

本文链接：https://blog.csdn.net/weixin_44085311/article/details/137002312

版权

uniapp 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

uniapp开发微信公众号登录

app.vue

onLaunch: function(options) {
            //  获取缓存token
			let storage_token = getStorageSync('token');
			if (storage_token) {
				setStorageSync('token', storage_token);
				// 通过之后获取个人信息
				this.upDateUserInforMutaions();
				// 配置信息
				this.upDateConfigComnMutaions();
			} else {
				//没有token的话   判断能不能获取到code
				if (this.getUrlKey('code')) {
					// 能获取到code去登录
					this.loginList(this.getUrlKey('code'), options.query.referid)
				} else {
					// 不能获取到code 去重新授权
					this.login()
				}
			}
},
methods: {
            login() {
                // currentUrl重定向地址    encodeURIComponent(`${location.href}`)
                // weiXinUrl微信置换code   https://open.weixin.qq.com/connect/oauth2/authorize?appid=${自己的appid}&redirect_uri=${currentUrl}&response_type=code&scope=snsapi_userinfo&state=#wechat_redirect
				window.location.href = apiBaseConfig.weiXinUrl;
			},
			async loginList(wxcode, referid) {
				let self = this;
				const data_back = await getLoginCodeAuth({
					code: wxcode,
					refer_id: referid
				})
				const {
					code,
					data
				} = data_back;
				if (code === 0) {
					setStorageSync("token", data.token)
					self.upDateUserInforMutaions();
					self.upDateConfigComnMutaions();
					uni.reLaunch({
						url: '/pages/index/index'
					})
				} else {
					uni.showToast({
						title: '抱歉，登录失败！',
						icon: "none",
						duration: 2000
					});
				}
			},
			getUrlKey(name) {
				return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) ||
				[, ""
				])[1].replace(/\+/g, '%20')) || null
			},
}