app微信登陆小程序微信授权登陆

最近在做一个项目兼容app和小程序
这里写一下这里面微信登陆的流程

这里有授权获取手机号弹窗需用户手动点击按钮确认授权才行

<!-- 授权获取手机号弹窗  需用户手动点击按钮确认授权才行-->
<u-modal v-model="showSQ" title=" " :show-confirm-button='false'><button style="background-color:#23C9A5;width: 500rpx;height: 80rpx;color: #FFFFFF;margin: 100rpx auto 150rpx;"open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">确认授权获取手机号码</button>
</u-modal>

微信图标点击微信图标触发goWX方法


<!-- 微信图标 点击微信图标触发goWX方法-->
<view style="display: flex;justify-content: center;"><image @click="goWX()" src="../../static/icon_wx.png" mode="aspectFill" style="width: 70rpx;height: 70rpx;margin: 0 auto;"></image>
</view>

1. 点击goWx 判断当前环境是app还是微信

goWX() {// #ifdef APP-PLUSthis.wx()// #endif// #ifndef APP-PLUSthis.authorization()// #endif
},

2. app授权拿到openid --登陆

// app获取微信授权
wx() {uni.login({provider: 'weixin',success: (loginRes) => {console.log('loginRes', loginRes)let openId = loginRes.authResult.openidthis.wxLogin(openId)}});
},

3. 小程序授权 --手机号授权–走后端接口获取openid–登陆

// 小程序授权接口authorization(){wx.getUserProfile({desc:'授权登录',success:(info)=>{console.log('获取用户信息成功',info);uni.login({provider: 'weixin',success: (loginRes) => {this.wxcode = loginRes.codethis.showSQ = true// wx.getSetting({//   success(res) {//        console.log(res)//      return//        console.log('getPhoneNumbergetPhoneNumber', res.authSetting['scope.getPhoneNumber'])//      if (!res.authSetting['scope.getPhoneNumber']) {    //没有授权过手机号//           that.showSQ = true//       } else {//          //授权过手机号直接调用登陆接口//      }//     }// })}});},fail:(info)=> {// 获取失败的去引导用户授权uni.showToast({icon: 'none',title: '您需要授权，才能获取您的信息！'});}})},getPhoneNumber(e) {if (e.detail.errMsg == 'getPhoneNumber:ok') {wx.login({provider: 'weixin',success: (loginRes) => {this.wxcode = loginRes.codeconsole.log('loginRes',loginRes)let data = {code: this.wxcode,iv: e.detail.iv,encryptedData: e.detail.encryptedData}console.log('a',data)this.getOpenid(data)}})}},// 未注册 uni.login  getOpenid(data) {this.$u.api.wxxcxRegister(data).then(res => {console.log('wxxcxRegister',res)if (res.code == 200) {console.log('res.result.openid',res.result.openid)this.wxLogin(res.result.openId)} else {this.$u.toast(res.message)}})},

4. 登陆

         wxLogin(openId){this.$u.api.wxCustomerLogin({openId}).then(res => {console.log(res)if (res.code == -101) {this.$u.toast(res.code.message)setTimeout(() => {uni.navigateTo({url: 'binding?openId=' + openId})}, 1000)} else if (res.code == 200) {this.$u.toast('登录成功！')uni.setStorageSync('doorToDoor_id', res.result.id)setTimeout(() => {uni.switchTab({url: '../index/index'})}, 1500)} else {this.$u.toast(res.message)}})},

app微信登陆小程序微信授权登陆相关推荐

如何使用计算机微信看小程序,微信电脑版怎么用小程序在哪里打开
现在有用户在玩微信中的小程序,不过在电脑端中部分用户却打不开小程序,那么到底是什么原因导致的呢?应该如何打开PC端中的微信小程序?先就通过这篇文章给大家介绍一下. 类别:聊天工具大小:107.6 ...
如何实现自有App上的小程序第三方微信授权登陆？
对于微信小程序来说,有 OpenID 或 UnionID 作为唯一标识,微信授权登陆小程序账号是很容易实现的,但对于其他应用上的小程序来说(如支付宝.百度等),打通该登陆方式是比较麻烦的. 之前在Fi ...
小程序加入人脸识别_微信小程序人脸识别登陆模块
微信小程序---人脸识别登陆的实现关键词:微信小程序人脸识别百度云接口前言这是一篇关于一个原创微信小程序开发过程的原创文章.涉及到的核心技术是微信小程序开发方法和百度云人脸识别接口.小程序的 ...
后台模拟页面登陆_微信直播小程序后台，微信朋友圈可直达小程序直播了
独家了解到,微信广告正在测试直播模式,可以帮助商家将直播小程序置于多个广告流量级别,如朋友圈,公众账号和小程序. 这也意味着微信生态系统中的商家不仅可以通过小节目现场直播来运营私有域流量,而且可以利用 ...
微信小程序Android和ios授权,uni-app之APP和小程序微信授权方法
uni-app 介绍 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架. 适用平台:Android.iOS.微信小程序.实现了一套代码,同时发布到Android.iOS.微信小程序. ...
微信读书登陆界面java_（JAVA后端）微信小程序-毕设级项目搭建-微信阅读小程序（内含源码，微信小程序+java逻辑后台+vue管理系统）~不求完美，实现就好...
转载地址:(JAVA后端)微信小程序-毕设级项目搭建-微信阅读小程序(内含源码,微信小程序+java逻辑后台+vue管理系统)~不求完美,实现就好转载请注明出处一.环境搭建相关环境软件:JDK1 ...
微信开放平台开发第三方授权登陆（三）：Android客户端
微信开放平台开发系列文章: 微信开放平台开发第三方授权登陆(一):开发前期准备微信开放平台开发第三方授权登陆(二):PC网页端微信开放平台开发第三方授权登陆(三):Android客户端微信开放平 ...
微信开放平台开发第三方授权登陆（二）：PC网页端
微信开放平台开发系列文章: 微信开放平台开发第三方授权登陆(一):开发前期准备微信开放平台开发第三方授权登陆(二):PC网页端微信开放平台开发第三方授权登陆(三):Android客户端微信开放平 ...
2023微信社区小程序+APP+后台，附带超详细完整搭建教程【源码+教程】
2023微信社区小程序+APP+后台,附带超详细完整搭建教程[源码+教程] 微信授权登陆正常,小程序和APP带后台手机号登陆正常,发帖,建圈子.发活动. 微信小程序是一种轻量级的应用程序,可以在微信 ...

app微信登陆小程序微信授权登陆

app微信登陆小程序微信授权登陆相关推荐

最新文章

热门文章

app微信登陆 小程序微信授权登陆

app微信登陆 小程序微信授权登陆相关推荐

最新文章

热门文章

app微信登陆小程序微信授权登陆

app微信登陆小程序微信授权登陆相关推荐