zl程序教程

您现在的位置是:首页 >  其他

当前栏目

uniapp微信小程序授权登录流程(代码直接复制可用)

流程微信程序代码 登录 复制 可用 直接
2023-09-11 14:16:33 时间

1.写一个点击登录的按钮

<view @tap="login">一键登录</view>

 2.写点击事件

			login() {
				wx.getUserInfo({
					success: (res) => {
						console.log('获取到openId', res);
					}
				})
				let that = this;
				uni.getUserProfile({
					desc: '用于完善用户资料',
					lang: 'zh_CN',
					success: (res) => {
						console.log('获取到用户昵称+iv+加密数据encryptedData', res)
						return
						uni.login({
							success(codeData) {
								console.log('获取到临时登录凭证code', codeData.code)
								wx.setStorageSync("codeData", codeData.code)
								console.log('存储的一个code', wx.getStorageSync("codeData"));
								uni.showLoading({
									title: '授权中'
								});
                                //这里走自己的服务器
								login(codeData.code).then(res => {
									if (res.statusCode == 200 && res.data.code == 200) {
										console.log('获取到token', res.data.data.token);
										that.token = res.data.data.token
										if (res.data.code == 200) {
											console.log('用户信息', res.data);
											uni.hideLoading();
											uni.showToast({
												title: '授权成功!',
												icon: 'success',
											})
										}
									}
								})
							}
						})
					}
				});
			}








//登录API
export function login(config) {
	return myRequest({
		url: `/wx-news/xcxLogin?xcxCode=${config}`,
		method: 'post',
		data: config
	})
}