微信扫码登陆流程

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

以下为几类型微信登录的功能说明(基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统):

序号 类型 授权域/接口 用户侧使用流程 接入流程
1 App 接入微信SDK,并调用snsapi_userinfo (1)在App内选择使用微信登录 (2)拉起微信客户端,打开用户授权页,完成登录授权 (1)注册微信开放平台(open.weixin.qq.com)帐号,并完成开发者资质认证 (2)申请【App移动应用】并审核通过后可以使用,查看开发文档
2 网站应用 snsapi_login (1)用户使用微信“扫一扫”,在PC端扫码(2)客户端打开授权页,完成登录授权 (1)注册微信开放平台(open.weixin.qq.com)帐号,并完成开发者资质认证(2)申请【网站应用】并审核通过后可以使用,查看开发文档
3 微信客户端内H5 使用公众号的登录能力: snsapi_base snsapi_userinfo snsapi_base:静默授权 snsapi_userinfo: (1)用户在H5内点击登录,唤起授权弹窗 (2)用户侧完成登录授权 (1)注册微信公众号,选择“服务号”类型,并完成微信认证(2)在公众号管理后台设置回调域名(3)接入微信登录能力,查看开发文档
4 小程序 wx.login wx.getUserInfo wx.login:静默授权,开发者可获取openid wx.getUserInfo: (1)用户在小程序内点击组件,唤起登录窗口(2)用户侧完成登录授权 (1)注册小程序 (2)接入微信登录功能,查看开发文档,查看登录流程设计指引

说明:

  • 序号1——“App”针对的是:在手机中打开移动应用时,使用微信授权登录。
  • 序号2——“网站应用”针对的是:使用浏览器访问的Web网站时,使用微信授权登录。

  • 序号3——“微信客户端内H5”针对的是:在微信客户端中访问第三方网页时,使用微信授权登录。

  • 序号4——“小程序”针对的是:打开微信小程序时,使用微信授权登录。

博瑞霖目前需要使用的功能为:“网站应用”和“小程序”。

一、小程序使用微信授权登录

该部分业务逻辑基本已完成。

二、网站应用使用微信授权登录

该部分功能未完成,目前有两个方案:

1、基于“网站应用”的OAuth扫码登录

参考链接:https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html

可参考的网站:https://www.zhihu.com(微信授权后,知乎会要求用户绑定手机号)

前置工作:在微信开放平台注册创建网站应用,审核通过够后,设置用于OAuth回调验证的后端URL(API接口)。

前端工作:

网站内嵌二维码微信登录 JS 实现。

后端工作:

完成OAuth2认证流程。

优点:

  • 不需要自己制作二维码,调用微信开发平台API,可以直接生成登录用二维码。
  • 前端和后端的开发有标准的开发文档。

缺点:文章来源地址https://www.toymoban.com/news/detail-487581.html

  • 需要注册网站应用,微信审批通过后,配置授权回调URL。

  • 根据官方文档描述网站应用微信授权域为“snsapi_login”,该授权域仅能获取用户的OpenID,目前小程序登录仅获取了用户的OpenID。针对同一用户的多个角色(医生和销售),会有两个OpenID(对应两个小程序),无法预判OAuth验证接口调用时是否会发生代码层面的逻辑问题。

  • 可考虑修改小程序逻辑,取用户的UnionID。但需要实际测试,能否获取用户授权的作用域“snsapi_userinfo”(该授权域,可以获取比较详细的用户信息)。

  • “snsapi_login”无法获取用户的手机号,如果用户不存在,无法登录。(这个其实不算是缺点,我们本身的逻辑就不支持这种方式的登录

  • 二维码图案样式固定,无法更改。

2、 使用小程序认证

可参考网站:https://www.csdn.net(采用CSDN小程序验证,若小程序登录未过期,验证时直接跳过授权。也可能是首次授权后,后面就需要授权了。)

优点:

  • 可自己制作二维码。

  • 验证逻辑可控。

  • 小程序验证可获取相对完整的用户信息。

缺点:

  • 前端和后端开发工作量相对会多一下,同时开发工作开始前要规划好授权验证逻辑(要由足够的安全性)。

到了这里,关于微信扫码登陆流程的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 尚医通-day10【微信扫码登录】(内附源码)

    https://open.weixin.qq.com (1)注册开发者账号:准备营业执照 (2)邮箱激活 (3)完善开发者资料 (4)开发者资质认证:1-2个工作日审批、300元 (5)创建网站应用:提交审核,7个工作日审批(免费) (6)熟悉微信登录流程 参考文档:https://developers.weixin.qq.com/doc/oplatform/Web

    2024年02月08日
    浏览(44)
  • 微信扫码登录(new WxLogin)-二维码样式修改

    例如: .impowerBox .qrcode {width: 180px;} .impowerBox .title {display: none;} .impowerBox .info {width: 180px;} .status_icon {display: none} .impowerBox .status {text-align: center;} 二、自定义二维码样式进行base64加密 在线加密解密网站  三、将解密后的密文添加到href中 注意: 密文前加入  data:text/css;base64,    

    2024年02月13日
    浏览(59)
  • 记录--vue3问题:如何实现微信扫码授权登录?

    一、需求 微信扫码授权,如果允许授权,则登录成功,跳转到首页。 二、问题 1、微信扫码授权有几种实现方式? 2、说一下这几种实现方式的原理是什么? 3、vue中的微信扫码授权登录,与uniapp和原生小程序的微信授权登录,它们之间有共同点吗? TWO 解决问题,答案速览

    2024年02月13日
    浏览(53)
  • pbootcms对接微信扫码登录代码核心片段和步骤(前后端)

    首先需要在微信公众平台或开放平台中创建应用,并获取到AppID和AppSecret。 在pbootcms中创建一个自定义模板页面(例如:wechat_login.html),并在该页面中添加以下代码,用于生成微信扫码登录的二维码: 创建一个名为wechat_callback.php的文件,用于接收微信的回调请求并获取用户

    2024年02月05日
    浏览(45)
  • Java 实现微信扫码登录方法(提供前端及后端核心代码)

    思路 1、Vue前端页面获取一个公众号的二维码,不是普通二维号,是带有场景值的 2、java后端接收前端的请求,生成一个带时效性的二维码链接返回给前端 3、公众号平台配置服务器接口地址 4、接收到关注或扫码请求并相应处理 5、前端轮询状态,如果检查到验证通过进到下

    2024年02月19日
    浏览(46)
  • vue3 微信扫码登录及获取个人信息实现的三种方法

    一、流程: 微信提供的扫码方式有两种,分别是: 根据文档我们可以知道关于扫码授权的模式整体流程为: 二、前置条件: 微信开发官网 申请: appid: ‘’, // 后端提供 redirect_uri: ‘’, // 后端提供 AppSecret // 后端提供 三、具体登录实现 实现方式一: 使用vue插件: 使用: 结果

    2023年04月13日
    浏览(50)
  • 前端实现 微信扫码登录网站 pc端(二维码嵌套页面) 超详细,包会

    本人申明:本案例使用到的appid和AppSecret都是无效的 appid:应用唯一标识,在微信开放平台提交应用审核通过后获得 AppSecret:在微信开放平台提交应用审核通过后获得 1.在根目录html文件引入,既index.html 2.通过js添加节点 注意事项: 如果二维码出来,但是跳转失败,一定要看

    2024年02月04日
    浏览(78)
  • Java后台实现网站微信扫码登录功能,获取用户openid,及微信用户信息(小程序码方案),关联微信小程序(个人主体小程序也可以)

    目录 前言 下面展示操作流程 注册微信小程序 通过后台获取小程序码 前端处理 时序图理解 方案实现步骤 前言 很多业务场景之下我们需要实现  微信扫码登录  的需求,如: 同步网站与小程序的用户数据 。 需要获取用户微信相关基本信息,如头像、id等 实例:小程序上的

    2024年02月02日
    浏览(58)
  • 微信扫码跳转微信小程序

    一:首先声明为什么需要这样做         项目中需要在后台管理页面进行扫码支付,其他人弄了微信小程序支付,所以就需要挑战小程序进行支付,在跳转的时候需要参数例如订单编号等 二:跳转小程序的方法有多种         接口调用凭证 | 微信开放文档          具体可

    2024年02月11日
    浏览(71)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包