uniapp实现微信授权一键登录

<template><view class="login apple-safari-page"><button class="autho-btn" plain open-type="getPhoneNumber"                 @getphonenumber="onGetPhoneNumber" withCredentials>微信授权登录</button></view>
</template>

一定在onLoad获取微信code，防止有时候授权解密失败

onLoad() {let _this = this;// 登录// #ifdef MP-WEIXINuni.login({provider: 'weixin',success: res => {_this.wxCode = res.code}})// #endif
},

methods: {// 微信授权获取微信手机号onGetPhoneNumber(e) {let _this = this;wx.checkSession({success() {//session_key 未过期，并且在本生命周期一直有效// 登录_this.$u.api.getWXSmall({code: _this.wxCode}).then(v => {// 调用后端接口解密if (e.detail.errMsg == "getPhoneNumber:ok") {let encryptedData = e.detail.encryptedDatalet errMsg = e.detail.errMsglet iv = e.detail.iv_this.$u.api.getWXDecryptData({appId: 'wxd1xxxxxxxxxxxxx',// 小程序appIdsessionKey: v.data.session_key,iv,encryptedData}).then(numData => {const {phoneNumber} = numData.data_this.getCommunityInfo(phoneNumber)})} else {uni.navigateBack()}})},fail() {// session_key 已经失效，需要重新执行登录流程wx.showToast({title: '登录信息过期~ 重新登录中……',icon: 'none'})uni.login({provider: 'weixin',success: res => {_this.wxCode = res.code}})},complete() {}})}}

uniapp实现微信授权一键登录相关推荐

uniapp获取微信授权登录和手机号一键登录（保姆教程）
uniapp获取微信授权登录(保姆教程) 第一步下载官方给的解密文件'mWXBizDataCrypt' 没有文件就复制该文件的代码创建一个 var crypto = require('crypto' ...
uniapp写微信授权登录
html部分 <button class="login-btn" type="primary" @click="getUserInfo" ...
uniapp中调用QQ一键登录实现方法
要在uniapp中实现QQ一键登录,主要步骤: 1.manifest.json的模块设置中,启用QQ登录,并填入appid 3.新建登录页 <template><view>正在 ...
mui微信授权和登录
微信授权和登录 var authBtns = ['weixin']; //配置业务支持的第三方登录var auths = {};var oauthArea = document.querySelect ...
uniapp app微信授权登录
先在微信开放平台申请移动应用,然后拿到appid和appsecret秘钥进入管理中心,选择移动应用,创建移动应用,按步骤来就行了,可能唯一会让你卡住的就是应用签名了现在要生成应用签名就得用自有证书 ...
springBoot实战微信扫一扫授权一键登录
之前文章讲了JWT的登陆校验,SpringCloud等微服务下登录校验解决方案JWT 今天再讲一下微信的扫一扫登陆,并结合一下之前写的JWT 首先我们需要了解一下微信开发的官方文档 https://d ...
在uni-app中如何使用一键登录，如何使用手机号一键登录
1.首先需要在dcloud开发者控制台开通一键登录, dcloudhttps://dev.dcloud.net.cn/uniLoginhttps://dev.dcloud.net.cn/uniLogi ...
在uni-app中使用手机号一键登录
1.首先需要在dcloud开发者控制台开通一键登录 https://dev.dcloud.net.cn/uniLogin 开通一键登录服务, 获取关键最关键的两个参数 ApiKey 和 ApiSecr ...
关于微信授权与登录的相关操作（纯手敲）
1.通过授权网址,拿到code 固定式授权网址: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx70697366a034c0f ...

uniapp实现微信授权一键登录

uniapp实现微信授权一键登录相关推荐

最新文章

热门文章