微信小程序开发登录流程(微信小程序开发流程图)

小程序开发 754
本篇文章给大家谈谈微信小程序开发登录流程,以及微信小程序开发流程图对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、微信小程序后台从哪儿登录

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

本文目录一览:

微信小程序后台从哪儿登录

微信小程序后台需要从微信公众平台界面登录,首先打开浏览器,搜索微信公众平台,点击官网并进入,然后在微信公众平台主界面点击选择“小程序”按钮,进入小程序界面后点击查看详情,便可进入微信小程序后台的登录界面,输入账号及密码点击登录即可。

需要注意的是如果用户尚未注册微信公众平台的账号,那么在进入小程序界面后,系统便会提示用户需注册账号,具体操作步骤如下;

第一,点击小程序后,可选择关联小程序或快速注册并认证小程序,点击快速注册并认证小程序,进入小程序注册界面。

第二,输入账号信息,信息主要包括邮箱、密码、确认密码及验证码,需要注意的是一个邮箱只能关联一个小程序。

第三,然后对邮箱进行激活,激活完成后,便会在小程序管理的主页收到小程序发布流程的消息,消息里显示小程序信息已完成,小程序开放管理已完成,完成后便可根据所设定的邮箱及密码进入微信小程序后台,便可进行使用。

微信小程序的登录流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

微信小程序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的具体流程是

微信小程序用户授权登录

1、appid: 微信小程序/公众号的唯一凭证,即 AppID。

获取途径:可在「微信公众平台 - 设置 - 开发设置」页中获得。(需要已经成为开发者,且帐号没有异常状态)

用途:小程序的 AppID 相当于小程序平台的一个身份证,会在很多场景中使用,比如小程序的登录、授权等

2、openID: openID 是微信生态下 应用的唯一标识 , ,即同一个用户在不同的小程序下的openid是不同的。

获取途径:调用 auth.code2Session 接口,通过code(登录凭证,调用wx.login获取)+appid+appsecret(小程序密钥,获取方式和appid一样)可以换取openid,即 静默授权。

用途:用于在开发者系统中标识用户信息

3、UnionID:UnionID 是微信生态下 用户的唯一标识 ,换句话说,同一用户,对同一个微信开放平台下的不同应用,UnionID是相同的。

获取途径:绑定了开发者帐号的小程序,可以通过以下途径获取 UnionID。

1)开发者可以直接通过 wx.login + code2Session 获取到该用户 UnionID,无须用户授权。

2)小程序端调用云函数时,可在云函数中通过 Cloud.getWXContext 获取 UnionID。

用途:标识同一个微信开放平台下的用户,可用于去重判断

也就是我们常用的微信移动端/PC端之间的扫码登录,PC端用微信扫码登录,微信移动端确认授权登录后,应用可以从微信拿到用户的open id或union id,将微信获取的用户信息与自己账户体系中的用户身份进行关联;

需要用户确认登录,这样可以通过用户的个人确认,获取用户全面的信息,无论是否关注相关微信公众号等都可以获取。

1、静默授权不需要用户确认,只需要用户访问某个网页,属于嵌套在普通网页里的授权形式,但是只能获取到用户的唯一标示openid和union id,无法拿到用户的微信头像、微信名称等个人信息,对于用户的简单认证还是很有用的。

2、静默授权的过程:

1)调用 wx.login() 获取 临时登录凭证code

2)调用 auth.code2Session 接口,换取用户唯一标识 openID

3)调用本地后台服务,将 openID 映射到本地的 userId

微信开发文档-小程序登录流程

参考文章:

1、 【微信小程序用户授权登录】

2、 微信第三方登录(静默授权和非静默授权)

3、 openid会变吗?微信小程序开发中的appid、openid、unionid使用总结

微信小程序怎么开发

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

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

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

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

微信小程序登陆流程

官方说明为:

;secret=SECRETjs_code=JSCODEgrant_type=authorization_code

获取步骤:

(1)获得appid,secret,js_code

(2)用appid,secret,js_code分别替换如上接口地址的APPID、SECRET、JSCODE,其他不变,组装成完整的地址。

微信小程序获得session_key和openId(加解密、签名系列)

微信小程序获得session_key和openId(加解密、签名系列)

总结:从1,2,3步骤可知,只要获得appid,secret,js_code就可得到session_key和openId

appid为小程序ID

secret为小程序密钥(AppSecret)

获得方法:小程序后台登录网址:

打开小程序后台网址、注册、登录后,按如下图所示就可找到你的AppID和AppSecret。

微信小程序获得session_key和openId(加解密、签名系列)

注意:目前小程序个人不能注册,开放注册范围:企业、政府、媒体、其他组织;

当然用这个办法,个人也能注册了。

传送门:

微信小程序获得session_key和openId(加解密、签名系列)

(2)调用wx.login()接口获取登录凭证js_code

(3)调用wx.request()接口把js_code发送到服务器后台

(4)在服务器后台,已知appId、secret、js_code

然后调用如下官方提供的http接口,即可返回获取openId、session_key

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

扫码二维码