微信小程序登陆流程

官方说明为：

>

其实还蛮简单的，可以说一搜一大把，下面说下两种方式。

自行开发

主要就是通过小程序端直接请求登录获取到code(登录凭证)、如果需要获取用户手机号则需要再次授权需要iv和encryptedData，注意这里授权两次，也可以作为一次处理。

(1) 后端接收到小程序端请求的code，进行解密，可以参考微信小程序开发文档，拿到openId和session_key，这一步如果是已经注册的用户可以直接将后台分配的token一起组成对象存储到redis中，期限7-30天皆可，先从redis判定这个openId是否已经解析过且已存储为正式用户，是则直接返回系统的登录凭证完成登录。如果不是就需要走第二步。

(2)通过iv和encryptedData解析获取用户的手机号，完成解析后将用户信息存储，并一样存储到数据库和redis中，返回凭证。

2 使用已经集成好的sdk，使用maven项目直接引入对象的jar即可。

举个栗子 weixin-java-miniapp 可以看下对应的文档说明，使用已经集成好的方法即可。

微信小程序使用手机号第一次登录code失效，导致后端解密失效

官方文档

解决办法

将wxlogin 提取出来，先一步执行，防止登录态刷新，

然后获取手机号的方法进行登录

在小程序中，不允许直接d出用户授权的选择框，所以需要开发人员在界面上来设置提示信息，诱导用户点击，然后完成用户数据的录入和存取。在开发的过程中，某些请求是依托用户登录之后获取到的openId才能继续执行的，所以在页面上，某些数据渲染之前需要判断用户是否登陆，如若没有登录，怎样设计更好的交互来让用户登录。

使用小程序时，首先会进入到appjs这个文件中，这个文件里包含了俩个方法，一个是wxlogin()，另一个是wxgetSetting()，wxlogin()的目的是为了在用户登陆之后获取到一个对应的 code 值，然后通过这个值去自己的后台换取一个openId；wxgetSetting()第一是为了判断用户的授权范围，另一个是获取对应权限内的信息，比如说，用户授权小程序可以使用自己的基本信息，就可以在这个方法中获取到用户的头像、微信名、微信设置的城市这些字段，这就是一些需要掌握的基本流程，具体怎么实现登录呢？

在小程序中，官方给出了一种解决方案-button按钮：

在这个按钮中，有几个属性：

●  type ：按钮的类型，可以设置为primary，背景色为绿色

●  wx:if ：显示条件，内容分别为hasUserInfo和canIUse俩个字段，同时为真即可显示（俩个字段均需要在data中初始化赋值）

●  open-type ：按钮的功能类型，getUserInfo是为了获取基本信息（也可以设置为其他→getPhoneNumber：获取用户手机号）

●  bindgetuserinfo ：绑定的点击事件。在js中写对应的逻辑

在用户点击按钮之后，会出现一个d窗，确定用户是否授权 ：

当用户点击允许之后，进入我们绑定的getUserInfo函数中：

在执行逻辑中，首先通过wxlogin()方法获取到用户对应的openId，方便后续的 *** 作，然后再通过wxgetUserInfo()来获取到用户的基本信息，发送请求，将基本信息入库存储，或者展示到页面上，就完成了登录流程。

1在登陆中可能会涉及到多个页面登陆成功之后的状态同步，可以通过 appgloableData 来实现，在全局对象中设置一个字段，然后不论在哪个页面实现了登录，都可以通过全局对象来完成更新。

2在 获取用户信息 的时候，有时候需要获取的是 中文类型 的数据，可以在 wxgetSetting() 的请求体中加一个 lang:'zh_CN'。 这样获取到的数据就是中文格式的了

1 获取openid

11 获取code

首先我们要调用接口来获取登录凭证，也就是code,从而获取用户们登录的状态信息，其中有一个唯一标示，就是openid,还有我们登录要用到的钥匙（session_key）。用户的基本数据我们都要用到钥匙来获取数据。

wxlogin({

//获取code

success: function(res) {

code = rescode //返回code

}

})

12 获取openid

拿到上一步获取的code，结合小程序 appid 和 secret 请求接口apiweixinqqcom/sns/jscode2sessionappid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 换取openid，与 openid 一同被返回的，还包括 session_key，其中 session_key 是对用户数据进行加密签名的密钥。为了自身应用安全，session_key 不应该在网络上传输。

wxrequest({

url: 'apiweixinqqcom/sns/jscode2sessionappid=APPID&secret=SECRET&js_code='+ code +'&grant_type=authorization_code',

data: {},

header: {

'content-type': 'application/json'

},

success: function(res) {

openid = resdataopenid //返回openid

}

})

2 获取用户信息

21 在appjs中创建该全局方法

//appjs

getUserInfo:function(cb){

var that = this

if(thisglobalDatapersonInfo){

typeof cb == "function" && cb(thisglobalDatapersonInfo)

}else{

//调用登录接口

wxlogin({

success: function () {

wxgetUserInfo({

success: function (res) {

thatglobalDatapersonInfo = resuserInfo

typeof cb == "function" && cb(thatglobalDatapersonInfo)

}

})

}

})

}

}

22 实例化全局方法获取用户信息

var that = this;

//调用应用实例的方法获取全局数据

appgetUserInfo(function (personInfo) {

//更新数据

thatsetData({

personInfo: personInfo

})

})

以上就是关于微信小程序登陆流程全部的内容，包括:微信小程序登陆流程、微信小程序接口自动化的实现方案、Java后端小程序微信登录怎么写等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！