1、首先准备工作

网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。

在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,并设置回外网调外地址

申请微信登录且通过审核后,可开始接入流程。就是你的网站要想实现微信扫码登陆功能首先要在微信备案通过,它才会给你个AppID和AppSecret。

2、生成二维码

第一步:引入js 文件   https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js

第二步:创建一个div

第三部:编写生成二维码js代码,

var obj = new WxLogin({

id: "wchat-logins",

appid: "",

scope: "",

redirect_uri: "回调地址",

state: "",

style: "",

href: "生成二维码的样式地址"

});

3、微信扫一扫,授权登录

第一步:创建一张表,存储微信信息,以及后台逻辑代码

第二步:打开手机微信,扫一扫二维码,同意授权

第三步:授权成功后将用户的微信基本信息存入数据库

第四步:第二次登录网站时查询用户是否授权登录过,查询数据库中是否存在openid,如果存在直接登录成功,不存在就授权,插入一条到数据库中。以上是网站扫码授权登录的过程。

4、获取微信openid

第一步:授权同意后,会产生code,后台接收code值

第二步:string accesstoken = "https://api.weixin.qq.com/sns/oauth2/access_token?appid=" + appid + "&secret=" + secret + "&code=" + code + "&grant_type=authorization_code"; 生成openid

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

网站微信扫码授权登录相关推荐

  1. 企业微信H5_身份验证,PC网站企业微信扫码授权登录

    企业微信H5_身份验证,PC网站企业微信扫码授权登录 文章目录 一.扫码登录配置 1. 企业微信扫码登录接入流程 2. 企业微信扫码登录接入流程拆解 3. 开启网页授权登录 二.实战演练 2.1. 用 ...

  2. 网站上做企业微信扫码授权登录怎么做?(超详细教程)

    企业微信已经搞了这一套完整的教程! https://developer.work.weixin.qq.com/tutorial/detail/56 第1步:企业微信自建应用 第2步:浏览企业微信开发文 ...

  3. 基于Spring Boot实现电脑端网页微信扫码授权登录方式一(附带完整源码)

    简介 电脑端微信网页扫码授权登录有2种方式: 第一种:基于微信公众号,单独获取登录二维码扫码,然后扫码登录,程序控制跳转逻辑,例如CSDN: 第二种:基于微信开放平台,跳转到微信二维码页面进行扫码登录 ...

  4. C# 微信扫码授权登录

    1.创建网站应用 1.1去微信开放平台申请网站应用. 1.2申请 审核通过后可获得 AppID和AppSecret. 1.3并且申请微信登录接口. 2.生成二维码和获取code 官方文档:https: ...

  5. 微信扫码授权登录手游的原理和问题(你使用的浏览器暂不支持微信登录)

    获取手游二维码链接: https://open.weixin.qq.com/connect/app/qrconnect?appid=wx095ef8ef7e64b291&bundleid=co ...

  6. Spring学习笔记(二十三)——实现网站微信扫码登录获取微信用户信息Demo

    目录 微信扫码登录介绍 开发步骤 微信扫码登录示例 微信开放文档 遇到的问题 使用第三方工具实现网站微信扫码登录 开发前介绍 开发步骤 微信扫码登录获取微信用户信息Demo实现流程 实现效果 实现过程 ...

  7. 网站微信扫码登录总结

    文章目录 微信扫码 前端操作 后端操作 企业微信扫码 总结 补充 网站微信扫码登录从最初的惊艳四座到如今在各大网站普及已经过了7年的时间,如今网站微信扫码登录靠着便捷.安全的特性成为了网站与用户的首选 ...

  8. 企业微信+esaywechat 扫码授权登录

    企业微信+esaywechat 扫码授权登录 相关 相关 这里用的是 Yii2 框架. 安装easywechat: composer require overtrue/wechat:~4.0 -vvv ...

  9. 微信pc端网站应用扫码授权登录

    这是官方的文档 对接之前至少要先看下流程图 效果:用户点击微信登录跳出一个二维码,用户扫码授权后登录进去 1. 2. 需要做的事情 1.需要在微信开放平台上面注册账号,并认证企业,创建网站应用 2.认 ...

最新文章

  1. 微软苹果服务器宕机,苹果服务器宕机,iPhone用户别做这两项操作,微软特斯拉也中招...
  2. 在 Linux 上使用 lspci 命令查看硬件情况
  3. [导入]正确计算天干地支生肖的函数(.net)---更正版
  4. 万恶之源:C语言中的隐式函数声明
  5. RedHat7.1 安装Oracle12102
  6. Hystrix 简介和使用
  7. 种子接近,随机数也接近吗_接近代码,接近爸爸
  8. linux视频教程之vi编辑器
  9. linux 安装触摸版驱动程序,在ubuntu和linux上配置触摸屏驱动程序启用触摸屏
  10. 关于信度分析的多种方法
  11. C++的背影 ——C++之父Bjarne Stroustrup印象(作者:左轻侯)
  12. Python小爬虫实例
  13. 微信js 已经填写JS接口安全域名了,仍然报invalid url domain
  14. Python爬虫入门教程 93-100 帮粉丝写Python爬虫之【获取CSDN周榜所有大佬的收费专栏】
  15. export default (imported as router) was not found_开关插座IEC/EN/AS/NZS澳洲SAA认证
  16. 计算机房疏散门宽度,13.2 防火与疏散 - 数据中心设计规范 GB50174-2017 - 消防规范大全 - 消防资源网!...
  17. mysql占用服务器CPU100%的解决办法
  18. 运营商大数据的发展现状和趋势
  19. 项目实战之aiguibin-protal-gateway集成门户
  20. redis集群介绍与搭建

热门文章

  1. 红米Note 5启用ROOT超级权限的经验
  2. 苹果Mac远程控制软件:Screens
  3. 彩票股票金融与运气之研究(二)-飘渺的希望
  4. 使用Java编写爬虫,下载百度图片
  5. 翻译GDC演讲:《Procedurally Crafting Manhattan for ‘Marvel‘s Spider-Man‘》(在‘漫威蜘蛛侠’中使用程序化的方式精心制作曼哈顿)
  6. 网站运营活动策划方案模板[转载]
  7. 1101 -- 正弦和余弦
  8. 将U盘的图标改成自己喜欢的图案
  9. 情人节程序员用HTML网页表白【爱心_文字音乐告白】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
  10. BMS-Pro电池巡检综合监控系统