关于微信小程序登录授权

小程序的API接口文档写的很清晰,现在理一遍思路。

前端通过wx.login()获取code ，把code发给后台，后台返回openid，再获取用户的授权信息（这里先判断是否授权，授权过的就直接进入小程序，没授权过的，跳转到授权页进行）。

在app.js 页  onLaunch: function () {var _this = this;// 登录
    wx.login({success: res => {// 发送 res.code 到后台换取 openId, sessionKey, unionId// 登陆成功if (res.code) {// 发起网络请求，获取微信信息
           console.log(res.code);wx.request({method: 'POST',url: getOpenIdUrl,data: {code: res.code},success: function(res) {console.log(res);var openid = res.data.data.openid;// 获取微信信息
              _this.userInfo(openid);}})}}})userInfo:function(openid){   wx.getSetting({  //判断是否授权        if(!res.authSetting['scope.userInfo']){//如果没有授权            wx.redirectTo({              url:'/pages/login/login?openid='+openid,          })      }else{        console.log('已经授权')      }})

}

//在login页xml设置button

//js页

userInfoHandler:function(res){

var userMes = res.detail;

_this.setData({

userMes:userMes

})

if (res.detail.errMsg=='getUserInfo:ok'){

var url = '/pages/list/list';

_this.postAddUser(_this.data.openid, _this.redirectTo, url);

}else{

console.log('授权失败')

}

},redirectTo:function(url){   wx.redirectionTo({      url:url  })}postAddUser:function(openid,callback,callbackArg){     var _this=this;

wx.request({

method: 'POST',

url: login,

data: {

'rawData': _this.data.userMes.rawData,

'signature': _this.data.userMes.signature,

'encryptedData': _this.data.userMes.encryptedData,

'iv': _this.data.userMes.iv,

'openid': _this.data.openid

success: function (res) {

_this.saveCache('weInfo', res.data.data);

callback(callbackArg);

}

     }//保存缓存saveCache:function(key,value){   wx.setStorage({     key:key,     data:vulue })}

转载于:https://www.cnblogs.com/colorful-paopao1/p/8780163.html

关于微信小程序登录授权相关推荐

uni-app微信小程序登录授权
uni-app微信小程序登录授权首先是需要用到一个授权按钮来触发获取用户信息授权: 关键在于 open-type 为 getUserInfo , 然后有个@getuserinfo的事件,把获取授权接 ...
微信小程序登录授权与授权手机号
文章目录前言微信小程序登录授权与授权手机号一.登录授权 1. 发送 res.code 到后台换取 openId, sessionKey 二.授权手机号官方规定因为需要用户主动触发才能发起获取 ...
RuoYi-Vue微信小程序登录授权
目前的框架中token是使用jwt生成,存储到redis控制token时效,而认证是使用UsernamePasswordAuthenticationToken实现的微信小程序登录授权需求分析解决 ...
UNIAPP---实现微信小程序登录授权和手机号授权（uniapp做微信小程序）
UNIAPP-实现微信小程序登录授权和手机号授权(uniapp做微信小程序) 描述:uniapp开发小程序,先授权用户信息后再出现手机号授权的页面进行手机号授权.完成后返回上一页面并把信息存入后台以及 ...
android微信登录获取微信账号,微信小程序--登录授权，一键获取用户微信手机号并登录...
一.前言微信小程序登录流程时序说明: 小程序调用wx.login() 获取临时登录凭证code ,并回传到开发者服务器开发者服务器以code换取用户唯一标识openid 和会话密钥sess ...
使用若依写微信小程序登录授权认证接口
本文教程,主要介绍一下,如何利用若依框架完成微信小程序的登录授权整个流程. 目录一.注册微信小程序账号二.获取AppID和AppSecret 三.微信小程序授权登录流程
微信小程序登录授权流程
文章目录小程序授权登陆流程 1.当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序 2.如果没有授权,我们通过一个按钮来实现授权登录 3.通过bindgetuserinfo事件,我们可以获 ...
微信小程序登录授权{errcode:40013,errmsg:invalid appid, hints: [ req_id: qECcC0yFe-_ ]}问题
登录授权{"errcode":40013,"errmsg":"invalid appid, hints: [ req_id: qECcC0yFe-_ ...
2021.4月28日24时新版本微信小程序登录授权新方法
旧版本: Login:function(callback = () =>{}){ let that = this; uni.login({ success:function(loginRes){ ...

关于微信小程序登录授权

关于微信小程序登录授权相关推荐

最新文章

热门文章