微信小程序开发登录流程(微信小程序开发流程和环境搭建的过程)

小程序开发 4542
本篇文章给大家谈谈微信小程序开发登录流程,以及微信小程序开发流程和环境搭建的过程对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信小程序的登录流程

本篇文章给大家谈谈微信小程序开发登录流程,以及微信小程序开发流程和环境搭建的过程对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

微信小程序的登录流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序怎么开发

微信版本升级后,打开微信,点击底部的“发现”这个菜单项,就会发现升级后的“发现”菜单里,增加了“小程序”这样一个功能。

2.点击打开小程序后,可以看到有附近的小程序和我的小程序,附近的小程序是所在定位周边的小程序。

下面的小程序列表可以看到的是我们之前打开过的一些小程序,如果有自己觉得很好用的小程序就可以点击左上角,添加到我的小程序里面。

3.微信小程序还有具有搜索功能,打开搜索页面可以输入想要找的小程序。

微信小程序wx.login()登陆流程

微信小程序的登陆一般都是写在app.js当中,具体流程如下

1、用户通过login()方法获取code,然后把code传给开发后台,后台通过code 以及appid以及密钥获取openid和sessionkey 进行登陆,然后返回一个token给前端

2、前端拿到token之后存储到globalData里的变量当中,这样其他页面就是可以同过var app=getapp();app.globalData调用token,但是全局变量会随之小程序关闭,就会清除变量,所以我们要将token存到缓存当中,

        ① 在onLaunch中token的具体流程是

同一个微信号申请的两个小程序账号怎么登录开发者工具

由于微信小程序开发者工具对应的账号是 appid,而非微信号,同一个微信号申请的两个小程序账号,即拥有两个不同的 appid,所以可以通过登录不同的 appid 来登陆开发者工具。

具体步骤如下:

1)打开微信开发者工具,点击右上角「管理」按钮;

2)点击左侧「账号」,进入「账号管理」页面;

3)点击右侧「登录其他帐号」,输入要登录的小程序账号信息;

4)完成以上步骤后,即可正常登录开发者工具上传小程序程序。

微信小程序开发登录流程的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于微信小程序开发流程和环境搭建的过程、微信小程序开发登录流程的信息别忘了在本站进行查找喔。

扫码二维码