微信小程序开发登录流程(微信小程序开发流程pdf)
本篇文章给大家谈谈微信小程序开发登录流程,以及微信小程序开发流程pdf对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、如何在微信上开发小程序
- 2、微信小程序用户授权登录
- 3、微信小程序登陆流程
- 4、微信小程序如何开发
- 5、开发微信小程序的流程是怎么样的?
- 6、微信小程序的登录流程
如何在微信上开发小程序
微信版本升级后,打开微信,点击底部的“发现”这个菜单项,就会发现升级后的“发现”菜单里,增加了“小程序”这样一个功能。
2.点击打开小程序后,可以看到有附近的小程序和我的小程序,附近的小程序是所在定位周边的小程序。
下面的小程序列表可以看到的是我们之前打开过的一些小程序,如果有自己觉得很好用的小程序就可以点击左上角,添加到我的小程序里面。
3.微信小程序还有具有搜索功能,打开搜索页面可以输入想要找的小程序。
微信小程序用户授权登录
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使用总结
微信小程序登陆流程
官方说明为:
;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
微信小程序如何开发
微信小程序的优势十分明 显,小程序是不需要下载安装便可以使用的应用,它实现了应用触手可及的梦想,用户扫一扫或搜一下即可打开应用,也体现了用完即走的理念,用户不用关心是否安装太多应用的问题,应用将无处不在,随时可用,但又无需安装卸载。
小程序触及了PC网页,公众号,H5,APP无法触及的地 方,其无需安装,用完即走的理念能够满足用户需求且节省手机内存。站在小程序的拥有者的立场,其开发成本大大减小,同时可借助微信强大的流量入口,因而也降低了推广的难度。总的来说,微信小程序是一种全新的方式,能够更好地在用户和服务中建立连接,并且可以在微信中便捷地获取和传播,具有不错的使用体验。
小程序全面开放申请以后,作为企业、政府、媒体、其他组织或者个人的开发者,都可以申请并注册小程序。小程序和微信的订阅号、服务号以及企业号是并行的体系,具有独立的注册以及发布流程。
小程序的接入主要有4个步骤:
(1) 小程序注册:在微信公众平台官网首页注册并提交注册信息、完善主体信息和管理 员信息。
(2) 完善小程序信息:完善小程序的基本信息如名称、 头像及服务范围等。开发前需绑定开发者并获取APP ID,以保证程序可以通过手机进行扫码测试。
(3) 开发小程序:下载安装微信开发者工具,微信官方提供了一套完整的开发框架,开发者可以根据微信开发文档进行小程序的开发与调试。
(4) 代码审核及发布:小程序开发完成后,不能够直接发布,需提交代码与开发配置信息提交审核,完成后尚可发布。
微信Web开发者工具区别于H5的开发工具+浏览器 Device Mode预览的模式,而是基于自己的开发者工具,可以实现同步本地文件+开发调试+编译预览+上传+发布等一整套流程。同时小程序自己开发了一套WXML标签语言和 WXSS样式语言,并非直接使用标准HTML5+CSS3。同时 提供了很多原生APP的组件,之前在HTML5中需要模拟才 能实现的功能,在小程序中可以直接调用组件来实现。
小程序开发框架的核心是一个响应的数据绑定系统。 分为视图层和逻辑层,小程序开 发工具提供了视图层描述语言WXML和WXSS,以及基于 JavaScript的逻辑层框架,并在视图层与逻辑层间设置了数据传输和事件系统,使得开发者能够很简单地将重心放在数据与逻辑上。处理事务逻辑的地方被称为逻辑层。在微信小程序中,所有.js脚本文件的集合构成逻辑层。逻辑层与视图层相互配合,完成数据处理及接收事件反馈。框架的视图层由WXML与WXSS编写,通过组件进行展现。对于小程序本身,.wxml文件与.wxss文件的集合构成了视图层,逻辑层处理数据之后,会发送给视图层用于与用户的交互,同时接收用户对视图层的反馈。视图层以给定的样式展现数据并反馈事件给逻辑层,数据展现是通过组件来进行的。视图的基本构成是组件。
项目开发完成后,管理员需手动打包上传代码,填写相关配置类目并将代码提交审核,若第一次审核未通过,再次提交审核将开放提供测试的入口,该入口由开发者提供, 用于微信审核人员审核微信小程序时登录。审核后手动发布即可。
微信小程序站在月活跃用户9亿人次的微信的肩膀上,自带流量趋势,入口多,功能简单便捷。小程序功能快速迭代,意味着围绕小程序的开发和生态工具建设将会是移动互联网的一个巨大机会。目前各行业内诸多企业单位纷纷加入了小程序开发,开通了小程序功能。但小程序进行优化后,开放了很多入口,使得开发者和用户关注度不断提升。纵使一些高频和复杂应用暂时无法被小程序取代,但是一些低频应用的主要功能,只要能在小程序上实现,APP就可以完全卸载了。总的来说,微信小程序目前发展空间甚好,至于以后未来的发展仍旧不能够准确预测。
开发微信小程序的流程是怎么样的?
制造者在微信小程序当中要去申请特定的微信号,然后上传个人信息,这个是需要后台进行审核的,一般需要2-3个工作日,在审核通过了之后,制造者可以通过微信小程序给的链接去下载对应的制造者工具。V小二就是专门做微信小程序的不懂的都可以问一下他们。
在制造者工具当中可以选择个体应用项目开发和订阅号应用项目开发两个类别,找好自己的应用定位,这样才可以让使用者更好的去享受应用带来的功能。需要注意的是,制造者工具在每一次登录的时候都需要通过扫描二维码来完成,因此一定要确保账号的保护。
在制造者工具当中的空白页,可以上传或者编辑代码,以此来生成应用或者应用板块,需要注意的地方是,微信小程序代码编辑过程中,每一个空白面的接口格式要确保一致。
微信小程序的登录流程
传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录。
服务端校验用户信息通过之后,下发一个代表登录态的 token 给客户端,以便进行后续的交互,每当token过期,用户都需要重新登录。
而在微信小程序中,可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系,从而实现登陆功能。
实现小程序用户体系主要涉及到openid和code的概念:
1.调用wx.login()方法会生成code,将code作为参数传递给微信服务器指定接口,就可以获取用户的openid。
2.对于每个小程序,微信都会将用户的微信ID映射出一个小程序 openid,作为这个用户在这个小程序的唯一标识。
微信小程序登陆具体实现的逻辑如下图所示:
更加详细的功能图如下所示:
实际业务中,我们还需要登录态是否过期,通常的做法是在登录态(临时令牌)中保存有效期数据,该有效期数据应该在服务端校验登录态时和约定的时间(如服务端本地的系统时间或时间服务器上的标准时间)做对比。
这种方法需要将本地存储的登录态发送到小程序的服务端,服务端判断为无效登录态时再返回需重新执行登录过程的消息给小程。
另一种方式可以通过调用wx.checkSession检查微信登陆态是否过期:
1.如果过期,则发起完整的登录流程
2.如果不过期,则继续使用本地保存的自定义登录态
这种方式的好处是不需要小程序服务端来参与校验,而是在小程序端调用AP,流程如下所示:
微信小程序开发登录流程的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于微信小程序开发流程pdf、微信小程序开发登录流程的信息别忘了在本站进行查找喔。