微信小程序用户登录（微信小程序用户登录页面代码）

今天给各位分享微信小程序用户登录的知识，其中也会对微信小程序用户登录页面代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、微信小程序如何登录
• 2、小程序微信登录
• 3、微信小程序的登录流程
• 4、微信小程序自动以微信账户登录吗

微信小程序如何登录

微信是现在很多人喜欢用的软件之一，最近微信的小程序功能十分火热，本次就给大家介绍微信小程序如何登录，快来看看吧。

百度搜索“微信公众平台”进入官网。

输入账号密码之后，使用管理员的微信扫描二维码，确认登录。

登录完成之后即可进入小程序的编辑页面。

小程序微信登录

1.用户点击微信授权，小程序端获取手机号。

2.小程序端将手机号和code传给后台，

3.后台通过code获取openid

如果openid已经存在，返回用户信息

如果openid不存在，并且该手机号未和openid绑定，那么该openid和手机号均可用户登录，返回用户信息

如果openid不存在，并且该手机号已经和某个openid绑定了，那么返回错误信息

补充：

前端传给后台code，后台通过小程序的一个方法（使用code，小程序appid和secret）从微信获取唯一标识openid（或unionid）

1.前端传给后台code，后台（使用code，小程序appid和secret获取）从微信获取唯一标识openid（或unionid）

2.如果后台存在该openid用户，返回登录成功的参数

如果不存在该openid用户，返给前端openid和一个失败的标识

3.前端界面跳转，变成输入手机号和验证码界面。

如果手机号存在，登录成功，返回参数。并且如果没有绑定微信，那么绑定openid

如果手机号不存在，那么注册该手机号为用户，并且绑定openid

或者第三步骤为：

3.前端将openid和手机号+密码给后台

如果登录成功，返回登录成功参数，并且如果没有绑定微信，那么绑定微信

如果用户（手机号）存在，密码错误，提示密码错误

如果用户（手机号）不存在，那么注册该密码为登录密码

微信小程序的登录流程

传统的web开发实现登陆功能，一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录。

服务端校验用户信息通过之后，下发一个代表登录态的 token 给客户端，以便进行后续的交互,每当token过期，用户都需要重新登录。

而在微信小程序中，可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系，从而实现登陆功能。

实现小程序用户体系主要涉及到openid和code的概念：

1.调用wx.login()方法会生成code，将code作为参数传递给微信服务器指定接口，就可以获取用户的openid。

2.对于每个小程序，微信都会将用户的微信ID映射出一个小程序 openid，作为这个用户在这个小程序的唯一标识。

微信小程序登陆具体实现的逻辑如下图所示：

更加详细的功能图如下所示：

实际业务中，我们还需要登录态是否过期，通常的做法是在登录态（临时令牌）中保存有效期数据，该有效期数据应该在服务端校验登录态时和约定的时间（如服务端本地的系统时间或时间服务器上的标准时间）做对比。

这种方法需要将本地存储的登录态发送到小程序的服务端，服务端判断为无效登录态时再返回需重新执行登录过程的消息给小程。

另一种方式可以通过调用wx.checkSession检查微信登陆态是否过期：

1.如果过期，则发起完整的登录流程

2.如果不过期，则继续使用本地保存的自定义登录态

这种方式的好处是不需要小程序服务端来参与校验，而是在小程序端调用AP，流程如下所示：

微信小程序自动以微信账户登录吗

1、用户打开小程序，在页面上调用小程序中的wx.login(Object object)接口，调用该接口获取登录凭证（code）

通过凭证进而换取用户登录态信息，包括用户在当前小程序的唯一标识（openid）、微信开放平台帐号下的唯一标识（unionid，若当前小程序已绑定到微信开放平台帐号）及本次登录的会话密钥（session_key）等。用户数据的加解密通讯需要依赖会话密钥完成。更多使用方法详见小程序登录。

2、获取openid、unionId和session_key。将登录态code发送给自己的后台服务器，后端服务调用auth.code2Session接口

登录凭证校验。通过wx.login接口获得临时登录凭证 code 后传到开发者服务器调用此接口完成登录流程。更多使用方法详见小程序登录。

3、首次登录获取用户信息。微信小程序API近期又做了调整，之前用的好好的getUserInfo做了重大调整，无法直接获取用户信息了，比如昵称头像等等，当然2021年4月13日上线前的小程序不受影响，如果想要再次升级新版本，即必须涉及到更换获取用户授权的修改，将getUserInfo改成getUserProfile接口。

推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认开发者妥善保管用户快速填写的头像昵称，避免重复弹窗。建议保存信息，这样后面就无需重新获取。

4、通过上面三步，保存相关信息。就可成功登录微信小程序了，但是还需要做登录维护。

如果用户登录小程序后，然后又退出该小程序了。在一段时间内，再次进入该小程序，视为有效登陆，如果超出指定的时间，则视为无效登陆，需要重新登陆。

关于微信小程序用户登录和微信小程序用户登录页面代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。