微信小程序登录流程是怎样的详细步骤和原理?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1425个文字,预计阅读时间需要6分钟。
描述:当您开发并上线一个小程序后,某个微信用户第一次访问这个小程序时,会弹出授权界面。用户可以选择是否使用微信登录,如果选择是,则直接进入小程序。
概述
当你开发完了一个小程序并部署上线后,某个微信用户第一次访问这个小程序的时候,会弹出一个授权界面,用户可以选择是否使用微信登录,如果选择是,则直接进入到小程序。当你第二次进入该小程序的时候,你会发现授权界面不会弹出来了,直接就进入小程序了。
这个过程看起来非常的简单,但其实实现起来相当的麻烦和繁琐。涉及到会话、安全、验证等各种各样的问题。下面笔者介绍一下实现这个登录过程的思路。
微信提供小程序登录流程图
我们可以从登录流程时序 找到这张图。想完全看懂张图,需要了解很多东西。我们先来看看微信提供的几个接口。
小程序接口介绍
wx.login()
这个方法是小程序端发起的,如果是使用腾讯团队推出的小程序组件化开发框架的wepy的话,伪代码如下:
wepy.login() .then(res => { const code = res.code })
这样子就可以从微信平台获取一个code,这个code是临时登录凭证,用于获取openid的。
本文共计1425个文字,预计阅读时间需要6分钟。
描述:当您开发并上线一个小程序后,某个微信用户第一次访问这个小程序时,会弹出授权界面。用户可以选择是否使用微信登录,如果选择是,则直接进入小程序。
概述
当你开发完了一个小程序并部署上线后,某个微信用户第一次访问这个小程序的时候,会弹出一个授权界面,用户可以选择是否使用微信登录,如果选择是,则直接进入到小程序。当你第二次进入该小程序的时候,你会发现授权界面不会弹出来了,直接就进入小程序了。
这个过程看起来非常的简单,但其实实现起来相当的麻烦和繁琐。涉及到会话、安全、验证等各种各样的问题。下面笔者介绍一下实现这个登录过程的思路。
微信提供小程序登录流程图
我们可以从登录流程时序 找到这张图。想完全看懂张图,需要了解很多东西。我们先来看看微信提供的几个接口。
小程序接口介绍
wx.login()
这个方法是小程序端发起的,如果是使用腾讯团队推出的小程序组件化开发框架的wepy的话,伪代码如下:
wepy.login() .then(res => { const code = res.code })
这样子就可以从微信平台获取一个code,这个code是临时登录凭证,用于获取openid的。

