快速开发微信小程序之一登录认证

这篇具有很好参考价值的文章主要介绍了快速开发微信小程序之一登录认证。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、背景

记得11、12年的时候大家一窝蜂的开始做客户端Android、IOS开发,我是14年才开始做Andoird开发,干了两年多,然后18年左右微信小程序火了,我也做了两个小程序,一个是将原有牛奶公众号的功能迁移到小程序,用户体验得到极大的提升,另外一个是给XX做的一个简单的卖蜂蜜的小程序,当时投入3个人,两周左右搞定。

微信小程序开发其实还是比较简单的,小程序端代码和Vue整休架构差不多,比较复杂的就是登录和支付这两块,因为这两块涉及到三方交互(小程序端、开发者服务器、微信服务端),今天讲一下登录这块是怎么一个交互的(这个18年时候做的事情,现在微信有些接口可能有所调整,但变化不会太大)

二、一些名词概念

1、openid

普通用户标记,对当前开发者账号是唯一的,一个openid对应一个具体的应用,不同的公众号不同的小程序会给同一个微信用户分配不同的openid。

2、unionid

微信用户统一标记,一个开放平台账号下同一个微信用户unionid是唯一的,需要在微信开放平台绑定公众号/小程序。

案例说明:牛奶应用开始是开发公众号-服务号,这个时候用户注册到我们表里会有一个openid_1,然后小程序火起来了,我们决定开发小程序,但小程序会重新给同一个用户分配一个openid_2,这就不好了,你不能让一个用户在公众号上可以看到他自己的订单,然后跑到小程序后找不到订单是吧,咋整呢,微信还有一个开放平台,你再申请一个邮箱去注册一下开放平台,然后把公众号和小程序都在里边绑定一下,这样他就会给你分配一个统一的unionid。

3、session_key

用于用户解密微信用户数据,接口返回敏感数据是密文的,如unionId,手机号等,需要用session_key做为密钥去解密。

三、微信提供和登录相关几个主要接口

小程序端调用

1、wx.login()

获取临时登录凭证CODE,有效时间为5分钟,使用后就立即失效。

2、wx.authorize()

发起用户授权请求,如要获取用户信息,地理位置,保存相册、摄像头等需要调用该接口得到用户的授权。

3、wx.getUserInfo()

得到加密码的用户数据,返回encryptedData数据,加密向量值IV,将数据传给服务端,服务端完成解密用户信息注册等,调用该接口前必须先调用上面两个方法。

开发者服务器调用

1、jscode2session:通过CODE获取openid、unionid、sessiooo_key。

四、调用交互图

快速开发微信小程序之一登录认证,不好归类,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-740432.html

到了这里,关于快速开发微信小程序之一登录认证的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用binary-wang开发微信小程序的登录和微信支付

    贴个官网,建议down下来他的源码,对照着开发更方便,因为备注很详尽。 其它不多废话了,我直接写步骤了。 1. Maven引入 时间2023年5月,目前最新版本是4.5.0 2. 微信小程序参数配置 考虑到多微信小程序和微信支付多商户的问题,我们的配置将会是以集合的形式存在 2.1 prop

    2024年02月04日
    浏览(60)
  • uniapp开发微信小程序登录获取openid并解决code无效问题:invalid code

    场景: 实现微信支付的时候需要获取到openid,openid需要在登录的时候用登录返回的code获取 1.登录获取 code ,用code获取 openid 解决方法: 报错code无效:invalid code: 1.先在微信小程序管理平台找到APPID,这里的 https://mp.weixin.qq.com/wxamp/devprofile ; 2.检查项目的project.config.json的APP

    2024年02月11日
    浏览(59)
  • JavaScript、微信小程序 根据汉字拼音首字母进行归类分组

    在微信小程序里面不支持这个localeCompare方法,所以有了下面的方法 我们需要一个 开源的汉字库 ,也就是码表。这个库就可以。git库 不想去git下载直接拉到最底下有js文件,直接复制就行。 然后页面引入 china.js代码

    2024年02月11日
    浏览(43)
  • 微信小程序 连接云数据库(不使用云函数)进行 登录、注册、查询(包括模糊查询)快速实现 亲测可用

    当连接MySQL的时候总是出现各种各样的小问题,可以选用微信小程序自带的云数据库 注:测试号不能建立云数据库 按图中步骤来 第4步中,有两种添加方式 第一种 第二种 注意: 如果你是粘贴复制的,他会报错 非数字字符\\\"无法使用外部字符串表示法位于第1行 。这时,在第

    2023年04月20日
    浏览(61)
  • 开发微信小程序-安装(一)

    先注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1 下载小程序 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18101214 参考: https://developers.weixin.qq.com/miniprogram/dev/#安装开发工具 https://blog.csdn.net/zhangjing1019/article/details/79442828 mainsite-restapi.ele.me fuss10.elemecdn.com www.ele.me 下

    2024年04月25日
    浏览(33)
  • webstorm开发微信小程序

    添加wxml、wxss文件支持: 打开设置 选择编辑器选项中的文件类型 在HTML文件中添加wxml 确认添加wxml文件模式 找到级联样式表 添加wxss 两个插件助于微信小程序的开发

    2024年02月15日
    浏览(44)
  • 基于taro开发微信小程序

    taro基于nodeJS 安装参考安装及使用 | Taro 文档 我这边是采用react来进行编写 使用 Taro 的  build  命令可以把 Taro 代码编译成不同端的代码,然后在对应的开发工具中查看效果。 Taro 编译分为  dev  和  build  模式 dev 模式(增加 --watch 参数)  将会监听文件修改 build 模式(去掉

    2024年02月09日
    浏览(34)
  • 【Python】Python开发微信小程序

    Python作为一门简单易学、功能强大的编程语言,具备广泛的应用领域。近年来,越来越多的开发者选择使用Python来开发微信小程序,以满足用户对于更加高质量、高性能应用的需求。 Python为什么适合开发微信小程序? 首先,Python语言具备良好的可读性和易用性,使得开发者

    2024年02月03日
    浏览(33)
  • 结合ColorUI组件开发微信小程序

    1.自定义组件生命周期函数: 2.使用ColorUI定义的列表样式: 3.使用ColorUI定义的图标样式: text class=\\\"cuIcon-locationfill text-grey\\\"/text 4.可上下滚动的列表: (1).wxml: (2).js文件:    (3).wsxx文件:

    2024年02月22日
    浏览(46)
  • cocos开发微信小程序(入门版)

    第一次尝试用cocos写小游戏, 这里记录下基本的知识点总结和踩的坑 黑马课程 这个课程比较基础,而且用的版本比较老了,如果用最新版本的cocos是不行的, 因为最新的cocos creator只能使用ts, 所以这也是为什么我这里有js(creator v1.5.5)和ts(creator v3.6.0)两个版本的 , 完整代码在github

    2024年02月13日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包