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
})
}
相关文章
- 学习asp.net的流程
- 第十七届全国大学生智能汽车华南赛区竞赛 - 流程册(文档)
- 19activiti - 流程管理定义(启动流程实例)
- 2021年广播电视网络安全等级保护定级流程
- CSDN学霸课表——微信公众号开发全部流程
- 《响应式Web设计全流程解析》一1.2 静态设计稿舒适区
- OSX内核加载mach-o流程
- Dynamic CRM 2013学习笔记(四十二)流程5 - 实时/同步工作流(Workflow)用法图解
- 浅析微信公众号订阅消息开发流程
- 微信支付开发流程
- 翻翻git之---自己定义邮件发送buttonSendButton(流程分析,实现思路能够学习下)
- 微信公众号接收消息和发送消息开发流程和注意事项
- GIS系统开发流程