pp电子

登录
免费开通
产品中心
更多服务

微信小程序登录会话流程

—— 2018 ——
05/18
00:00

泉源：

作者：未知

阅读：0

栏目：小程序开发

2018/5/18 0:00:00 泉源：不详 作者：未知

配景

微信小程序的使用可以快速的基于场景举行用户圈的建设推广，，，，，，其中凭证营业需要使用用户信息以及授权历程，，，，，，主要用到的有微信在开发工具中已经封装好的 api 函数：wx.login、wx.getUserInfo、wx.checkSession、wx.getStorageSync、wx.request等

微信小程序登录会话流程

1. 要害词

  • 开放数据
    挪用 wx.getUserInfo（此接口有调解，，，，，，使用该接口将不再泛起授权弹窗，，，，，，使用 <button open-type="getUserInfo" ></button>指导用户自动举行授权操作） 乐成时 返回的用户开放数据，，，，，，可以在恣意时间获取，，，，，，但其中的加密数据encryptedData需要使用用户的session_key作为秘钥举行解密才华获得原始完整数据。。 。。。为了防止返回的数据被人改动伪造，，，，，，开发者可以将 signature、rawData 发送到开发者服务器举行校验。。 。。。服务器使用用户对应的 session_key 使用相同的算法盘算出署名 signature2 ，，，，，，比对 signature 与 signature2 即可校验数据的完整性。。 。。。返回效果主要包括：
     参数             类型                          说明
    userInfo         OBJECT        用户信息工具，，，，，，不包括 openid 等敏感信息
    rawData          String        不包括敏感信息的原始数据字符串，，，，，，用于盘算署名。。。。。
    signature        String        使用 sha1( rawData + sessionkey ) 获得字符串，，，，，，用于校验用户信息，，，，，，参考文档 signature。。。。。
    encryptedData    String        包括敏感数据在内的完整用户信息的加密数据，，，，，，详细见加密数据解密算法
    iv               String        加密算法的初始向量，，，，，，详细见加密数据解密算法
//挪用乐成后返回效果示例
{
encryptedData:"6exNeBvACX+EpzLNF2vYRhM0Z1tNZnBOYP0Qh6jQ4Ofv+69qY/RGVAB34aj4f364mkjAAD5pgDDJ41hGkkr/IaHJGioI3EhGSEQyrAfE1mPovV9s6Prg4rKedfBUerG4jEgXbS0GeERMtJ15tqEGz7qzcA49c1D1obZTuneImZq1vB1lXo3oUbnmK7LUAxQcgCQA==",
errMsg:"getUserInfo:ok",
iv:"X6PuFoueBpfgyjV9l9D6A==",
rawData:"{"nickName":"xxx","gender":1,"language":"zh_CN","city":"","province":"","country":"Iceland","avatarUrl":"https://wx.qlogo.cn/mmsen/vi_s/0daYVYsscPNxEvALzBTsJarXwUmlxjZJZMHPM6NNLegH4wLRcRlsA1x4bsJg/132"}",
signature:"c32wba325164258b9a332b6fdsdew2e520081348",
userInfo:
    {
        avatarUrl:"https://wx.qlogo.cn/mmsen/vi_s/0daYVYsscPNxEvALzBTsJarXwUmlxjZJZMHPM6NNLegH4wLRcRlsA1x4bsJg/132",
        city:"",
        country:"Iceland",
        gender:1,
        language:"zh_CN",
        nickName:"xxx",
        province:""
     }
}
  • 敏感数据获取！ 。。。用苁輊ncryptedData署名signature）

     

    关于encryptedData，，，，，，开发者如需要获取敏感数据，，，，，，需要对接口返回的加密数据( encryptedData )举行对称解密。。 。。。
    也就是需要在开发者服务器上使用session_key解密获得的encryptedData，，，，，，其结构如下：
{
    "openId": "OPENID",
    "nickName": "NICKNAME",
    "gender": GENDER,
    "city": "CITY",
    "province": "PROVINCE",
    "country": "COUNTRY",
    "avatarUrl": "AVATARURL",
    "unionId": "UNIONID",
    "watermark":                      //数据水印
    {
        "appid":"APPID",              //敏感数据归属appid，，，，，，开发者可校验此参数与自身appid是否一致  
        "timestamp":TIMESTAMP         //敏感数据获取的时间戳, 开发者可以用于数据时效性校验
    }
}
  • 自界说登录态
    情形：开发者服务器上
    数据：使用接口挪用获得的开放数据或者解密后的敏感数据以及session_key
    操作：使用数据建设用户在小程序的唯一标识，，，，，，以及发送自己界说的登录状态信息纪录session（也可以是其他的信息纪录）给客户端，，，，，，session_key作为秘钥，，，，，，必需生涯在开发者服务器上（以前接口https://api.weixin.qq.com/sns... 可以在小程序开发设置--服务器设置里设置为正外地点，，，，，，现在不可了，，，，，，只能使用第三方服务器举行接口挪用）
    使用： 用户非首次登陆——>盘问外地缓存中的自界说session——>获取到session向开发者服务器盘问——>服务器上此session未逾期可用——>用户可正常营业请求（这只是登陆情形较量普遍正常的一种）

2.登录

官方给的图示：(或许方法可以看官方文档)

 

基本：其中使用wx.login()可以获得开发者服务器向微信接口服务器请求获得session_key等数据时所需要的参数code，，，，，，开发者服务器以code+appid+app secret(小程序秘钥，，，，，，治理后台可以获得)换取 用户唯一标识openid 和 会话密钥session_key。。 。。。但每一次挪用wx.login()都会更新微信接口服务器上的session_key。。 。。。

  • 首次登录

    获取登录凭证code——>发送至开发者服务器结构接口（ appid + app secret + code） 请求 微信接口服务器数据——>返回用户数据密钥session_key 和唯一标识openid给开发者服务器——>凭证session_key 和 openid等天生自界说的第三方session，，，，，，存储session_key至开发者服务器，，，，，，不可将session_key发送至客户端，，，，，，防止敏感数据泄露——>将第三方自界说登录信息session发送至客户端——>生涯自界说第三方登录态信息session到外地缓存，，，，，，登录乐成，，，，，，可以设置一个登录标识flag，，，，，，使flag=true体现首次登录乐成，，，，，，举行相关的处理操作。。 。。。
    其中，，，，，，登录校验凭证接口（在开发者服务器中挪用，，，，，，小程序中无法使用此接口）为：

     https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

   appid          小程序唯一标识
   secret         小程序的 app secret
   js_code        是wx.login登录时获取的凭证code
   grant_type     填写为 authorization_code

    详细伪代码如下：

/**
 * 我把这一步封装成一个函数，，，，，，以后再挪用那些需要登录后才有权限会见的后台服务时.
 * 可以使用使用这个函数操作,基本逻辑，，，，，，还可以举行扩展
 * @url      : 开发者服务器登录服务接口 可设置默认值
 * @key      : 存入外地缓存的第三方自界说登录session的键值
 * @callback : 需要用到登录服务的回调函数（或函数荟萃）
 */
function  Login(key,url,callback){
     // 首先使用wx.login获取登录凭证code并发送给开发者服务器
     wx.login({
      success: function(res) {
        if (res.code) {
          //发送code给开发者服务器以获取session_key和openid
          wx.request({
            url:url,
            data: {
              code: res.code
            },
            //发送至开发者服务器乐成
            success: function(res) {
                //开发者服务器获得session_key和openid乐成并返回了
                //第三方自界说session或者解密数据等json名堂数据res给客户端
                if(res.has3rdSession){
                    //登录乐成，，，，，，将第三方session存入外地缓存
                    console.log("登录乐成")
                    wx.setStorageSync(key,res.3rdSession)
                    //设置登录标识为true
                    this.setData{
                        flag:true
                    }
                    //举行后续回调解理
                    callback(res)
                    ....
                }
                else{
                    //没有返回第三方自界说session，，，，，，登录失败
                    console.log("登录失败")
                    ....
                }
            }
          })
        } else {
          //没有获取到登录凭证code，，，，，，登录失败
          console.log('登录失败！' + res.errMsg)
          ....
        }
      }
    })
}
  • 非首次登录

    wx.getStorageSync()盘问外地缓存中是否有我们自界说的session登录态信息，，，，，，有的话证实不是第一次登录，，，，，，此时先盘问微信接口服务器上的用户session_key是否逾期，，，，，，若是逾期了，，，，，，不管我们自己界说的session怎样，，，，，，都要重新登录，，，，，，设置登录标识flag为false；；；若是没有逾期，，，，，，那么可以向开发者服务器发送sessio盘问用户信息，，，，，，若是开发者服务器告诉我们自己界说的session逾期了，，，，，，那重新登录，，，，，，设置登录标识flag为false,若是没有逾期，，，，，，则盘问是否有这个session来获得用户的相关信息，，，，，，详细伪代码如下：

/**
 - 我把这一步封装成一个函数，，，，，，以后再挪用那些需要登录后才有权限会见的后台服务时.
 - 可以使用使用这个函数操作,基本逻辑，，，，，，还可以举行扩展
 - @url      : 开发者服务器服务接口
 - @key      : 自己界说的session存储在外地缓存中的键名
 - @callback : 需要用到登录服务的回调函数（或函数荟萃）
 - @others   : 其他需要用到的数据等参数
 */
function doRequestWithSession(key,url,callback,others)
{
    try {
      var value = wx.getStorageSync(key)
      if (value) {
          // 保存自界说登录session，，，，，，非首次登录
          // 盘问 用户密钥session_key是否逾期
          wx.checkSession({
              success: function(){
                //session_key 未逾期，，，，，，并且在本生命周期一直有用
                //向开发者服务器发送自界说session盘问用户信息
                wx.request({
                      url: url, 
                      data: value,  //外地缓存的自界说Session值 可以加上其他需要的数据others等
                      success: function(res) {
                         if(res.hasSession){
                            //盘问乐成，，，，，，开发者服务器上有我们自界说的session
                            //凭证返回效果举行对应的操作,先判断session是否逾期
                            //若是我们自界说的session已经逾期
                            if(res.expired){
                                console.log("session逾期，，，，，，重新登录")
                                //设置登录标识为false
                                this.setData{
                                    flag:false
                                }
                                wx.login() //重新登录 或者 返回过失码
                                ....
                            }
                            else{
                            //没有逾期，，，，，，返回的效果则可以是用户的相关信息
                            //举行相关操作 登录乐成
                               console.log("接待回来")
                               callback(res)
                               ....  
                            }    
                          }
                          else
                          {
                              //开发者服务器上没有我们自界说的session，，，，，，重新登录
                              console.log("无此session，，，，，，重新登录")
                              //设置登录标识为false
                                this.setData{
                                    flag:false
                                }
                              wx.login() //重新登录 或者 返回过失码
                              ....
                          }             
                      }
                })
              },
              fail: function(){
                // session_key 已经失效，，，，，，需要重新执行登录流程
                //设置登录标识为false
                this.setData{
                    flag:false
                }
                wx.login() //重新登录 或者 返回过失码
                ....
              }
          })    
      }
      else{
          //外地缓存中没有自界说的session登录态信息,则举行首次登录或者后续处理
          //设置登录标识为false
          this.setData{
             flag:false
          }
          wx.login() //登录 或者 返回过失码
          ....
      }
    } catch (e) {
      // 异常处理
      ....
    }
 }
  • 条件判断登录
    需要用到登录权限的服务时，，，，，，可以使用条件判断
    伪代码:
if(this.data.flag){
    //已经登录过,非首次登录
    doRequestWithSession(key,url,callback,others)
    ....
}
else{
    //没有登录过,可以进一步检查外地缓存是否有3rdSession
    do other things
    ....
}

3.获取清静的原始数据

在第一部分已经说过敏感数据和开放数据，，，，，，可以用 wx.getUserInfo获得开放数据，，，，，，可是没有登录获取解密密钥session_key是无法解密敏感数据的，，，，，，以是开放数据中，，，，，，没有登录的话，，，，，，我们只能获得用户昵称、头像、都会、性别、国籍等，，，，，，并没有可以标识用户的唯一id。。 。。。以是怎样拿到pp电子清静的原始数据，，，，，，只有：获取开放数据——>获得登录权限，，，，，，开发者服务器获得密钥session_key校验署名解密数据——>返回解密数据，，，，，，包括有openid。。 。。。伪代码：

a.wxml 文件:

//wx.getUserInfo接口有调解，，，，，，使用该接口将不再泛起授权弹窗，，，，，，要使用 <button>组件指导用户自动举行授权操作，，，，，，使用此接口要注重：
//当用户未授权过，，，，，，挪用该接口将直接报错；；；当用户授权过，，，，，，可以使用该接口获取用户信息
//例子
<button open-type='getUserInfo' bindgetuserinfo='showUserInfo'>登录</button>

a.js 文件:

Page({
  data:{},
  ...
  //点击登录按钮后触发
  showUserInfo:function(e){
    //获取需要解密的数据
    var encryptedData = e.detail.encryptedData
    /*
    *@key      第三方自界说登录session保存外地缓存的key值
    *@url      解密敏感数据的开发者服务器服务接口
    *@callback 获得解密数据后的回调函数
    *@encryptedData 目今获得的未解密数据
    */
    doRequestWithSession(key,url,callback,encryptedData)   
  },
})

4.后台

后台的服务有许多，，，，，，可以做API平台举行统一治理：

  1. 登录接口 :domain/api/login
  2. 验证署名解密接口 :domain/api/decrypt
  3. 其他

其中的解密代码示例 (官方4种语言版本：Python、php、c++、node)：

<?php 
class WXBizDataCrypt
{
    private $appid;
    private $sessionKey;

    /**
     * 结构函数
     * @param $sessionKey string 用户在小程序登录后获取的会话密钥
     * @param $appid string 小程序的appid
     */
    public function __construct( $appid, $sessionKey)
    {
        $this->sessionKey = $sessionKey;
        $this->appid = $appid;
    }


    /**
     * 磨练数据的真实性，，，，，，并且获取解密后的明文.
     * @param $encryptedData string 加密的用户数据
     * @param $iv string 与用户数据一同返回的初始向量
     * @param $data string 解密后的原文
     *
     * @return int 乐成0，，，，，，失败返回对应的过失码
     */
    public function decryptData( $encryptedData, $iv, &$data )
    {
        if (strlen($this->sessionKey) != 24) {
            return ErrorCode::$IllegalAesKey;
        }
        $aesKey=base64_decode($this->sessionKey);

        
        if (strlen($iv) != 24) {
            return ErrorCode::$IllegalIv;
        }
        $aesIV=base64_decode($iv);

        $aesCipher=base64_decode($encryptedData);

        $result=openssl_decrypt( $aesCipher, "AES-128-CBC", $aesKey, 1, $aesIV);

        $dataObj=json_decode( $result );
        if( $dataObj  == NULL )
        {
            return ErrorCode::$IllegalBuffer;
        }
        if( $dataObj->watermark->appid != $this->appid )
        {
            return ErrorCode::$IllegalBuffer;
        }
        $data = $result;
        return ErrorCode::$OK;
    }

}

$appid = 'wx4f4bc4dec97d474b';
$sessionKey = 'tiihtNczf5v6AKRyjwEUhQ==';

$encryptedData="CiyLU1Aw2KjvrjMdj8YKliAjtP4gsMZM
                QmRzooG2xrDcvSnxIMXFufNstNGTyaGS
                9uT5GeRa0W4oTOb1WT7fJlAC+oNPdbB+
                3hVbJSRgv+4lGOETKUQz6OYStslQ142d
                NCuabNPGBzlooOmB231qMM85d2/fV6Ch
                evvXvQP8Hkue1poOFtnEtpyxVLW1zAo6
                /1Xx1COxFvrc2d7UL/lmHInNlxuacJXw
                u0fjpXfz/YqYzBIBzD6WUfTIF9GRHpOn
                /Hz7saL8xz+W//FRAUid1OksQaQx4CMs
                8LOddcQhULW4ucetDf96JcR3g0gfRK4P
                C7E/r7Z6xNrXd2UIeorGj5Ef7b1pJAYB
                6Y5anaHqZ9J6nKEBvB4DnNLIVWSgARns
                /8wR2SiRS7MNACwTyrGvt9ts8p12PKFd
                lqYTopNHR1Vf7XjfhQlVsAJdNiKdYmYV
                oKlaRv85IfVunYzO0IKXsyl7JCUjCpoG
                20f0a04COwfneQAGGwd5oa+T8yO5hzuy
                Db/XcxxmK01EpqOyuxINew==";

$iv = 'r7BXXKkLb8qrSNn05n0qiA==';

$pc = new WXBizDataCrypt($appid, $sessionKey);
$errCode = $pc->decryptData($encryptedData, $iv, $data );

if ($errCode == 0) {
    print($data . "\n");
} else {
    print($errCode . "\n");
}
?>

【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿，，，，，，由于未联系到知识产权人或未发明有关知识产权的挂号，，，，，，若有知识产权人并不肯意我们使用，，，，，，若是有侵权请连忙联系。。 。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真，，，，，，仅系客观性形貌，，，，，，如您需要相识该类商品/服务详细的资讯，，，，，，请您直接与该类商品/服务的提供者联系。。 。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商，，，，，，恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。 。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。 。。。

KESION 一直通过手艺立异，，，，，，提供产品和服务，，，，，，助力企业向数字化转型，，，，，，通过科技驱动商业刷新，，，，，，让商业变得更智慧！



▼点击进入pp电子官网相识更多



热门标签
5G 微信小程序 SaaS
上/下篇

  • 小程序怎样快速让用户提供信息

    小程序开发历程中，，，，，，获取用户信息是很是要害的方法，，，，，，要怎样操作才华实现快速让用户提供信息？？？？...

    SaaS 2018/5/18 0:00:00

  • 连咖啡拼团小程序系统开发案例

    小程序拼团功效能够带来很大的用户裂变，，，，，，拼团乐成案例前有拼多多拼出了三亿用户，，，，，，现在有连咖啡，，，，，，3小时拼了近10万人，，，，，，那么连咖啡是怎样通过拼团小程序积累了百万级别的客户的呢...

    微信小程序SaaS 2018/5/17 0:00:00
换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序登录会话流程 - KESION pp电子