uniapp微信小程序登陆流程（前端详细）

登陆逻辑先通过uni.getUserProfile()函数获取用户信息

然后将uni.login()放在uni.getUserProfile()成功回调里面获取code

最后在uni.login登陆成功的回调里面向后端发送 code encryptedData iv 等信息

后端通过encryptedData iv来得到用户的解密所有信息，然后返回给前端，前端把这个信息存储下来实现登陆

先看几遍官方文档

小程序登录 | 微信开放文档

前端代码大致是这样，可以自己改改

         login() {let that = this;uni.getUserProfile({desc: '用于完善用户资料',lang: 'zh_CN',success: (res) => {console.log(res)// that.wxlogin(res.userInfo);uni.login({success(codeData) {console.log(codeData)uni.showLoading({title: '登录中'});uni.request({url: myApi.loginUrl,data: {code: codeData.code,encryptedData: res.encryptedData,iv: res.iv,},method: 'GET',success(login) {uni.hideLoading();console.log(login)uni.showToast({title: '登陆成功去看打印',icon: 'none'})}})}})}});},

坑只能通过点击事件来调取，不能直接调取

无效调取

uniapp微信小程序登陆流程（前端详细）相关推荐

uniapp微信小程序使用vant-weapp详细操作步骤（各种坑）
首先在微信小程序里用的vant是vant-weapp而不是vant 官网: Vant Weapp - 轻量.可靠的小程序 UI 组件库轻量.可靠的小程序 UI 组件库https://youzan.gi ...
uniapp微信小程序不强制登陆的逻辑（模仿大厂登陆）
博主不易,记得收藏点赞加关注哈前言正常需求中,微信小程序的登陆都是不强制的,但是网上大多资料教的都是强制登陆,或者做个登陆页面,其实这种太影响用户体验,还很容易小程序审核不通过如果想看懂这篇博客 ...
uniapp微信小程序登陆-升级版，登陆加登录信息过期以后的无痕登陆
首先要了解这个,得先知道微信登陆的流程在我以前的博客里面有 uniapp微信小程序登陆流程(前端详细)__揽的博客-CSDN博客_uniapp小程序如何做登录 uniapp微信小程序登陆流程(前端详细 ...
uniapp - [微信小程序] 超详细实时录音功能，录制外部声音及播放上传到服务器（支持录音完毕生成 mp3、试听音频(带进度条)、暂停录音、重新录音、限制录音最大时长、自定义音频名称等功能）
前言网上的教程都太乱了,功能不好用且一堆 BUG,没有注释很难改造示例为自己用. 本文实现了 uniapp 微信小程序平台,授权麦克风进行录音并保存为音频的功能,内置播放器可播放录音文件, 您直接复 ...
uniapp 微信小程序选择地图位置并返回经纬度及详细地址（uni.chooseLocation和高德地图api两种方式实现）
uniapp 微信小程序实现选择地图位置功能最近在做商家小程序,就是用于给实体店老板进行网上开店的小程序. 其中有一项功能就是获取商店的位置,要求支持:获取当前定位/检索到指定位置/地图选点等功能, ...
uniapp - 微信小程序接入腾讯视频播放器功能插件，uniapp开发微信小程序端调用引入并使用腾讯视频播放组件完整全流程（详细示例源码，一键复制开箱即用）
效果图在uniapp 微信小程序项目中,集成腾讯视频功能插件,实现播放腾讯视频效果,附带详细示例源码及注释, 你可以跟着步骤一步步来,保证几分钟就能快速在uniapp小程序项目中植入腾讯视频功能! ...
uniapp - 编译微信小程序项目的微信授权登录、获取微信手机号登录、最新版微信直接登录、手机与验证码登录的示例源码（适用于 uniapp 微信小程序项目，源代码直接开箱即用）超级详细的代码及注释
效果图 uniapp 项目编译微信小程序,一些常见的登录方式及源代码,示例代码干净整洁无BUG拿来即用. 本文示例实现了 uniapp 微信小程序项目的登录功能,包含微信授权登录.获取微信手机号登录. ...
vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...
vue和小程序哪个好学一点_litemall,Spring Boot后端，微信小程序用户前端 + Vue用户移动端...
litemall 又一个小商场系统. litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端注意: 由于第一次加载数据量较大,建议wif ...

uniapp微信小程序登陆流程（前端详细）

uniapp微信小程序登陆流程（前端详细）相关推荐

最新文章

热门文章