微信网页授权(非静默授权)

最近有个朋友问我,到底那部分是前端做,那部分是后端做。我之前也走了很多弯路,哈哈。下面分享一下我的经验吧。(写的有点粗糙)

微信网页授权官方地址

PS:做微信公众号开发,最好在微信公众平台申请一个测试号,测试号几乎拥有所有接口权限,就不用申请服务号那么麻烦啦。

微信公众号的 secret 千万别放在前端了,不安全。

在微信公众号请求用户网页授权之前,开发者需要先到公众平台官网中的“开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授权获取用户基本信息”的配置选项中,修改授权回调域名。请注意,这里填写的是域名(是一个字符串),而不是URL,因此请勿加 http:// 等协议头;

前端:

调用微信授权接口:在页面加载成功后,调用下面链接

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

参数说明:

redirect_uri参数说明:这个接口由 前端提供,如果用户同意授权,页面将跳转至 redirect_uri/?code=CODE&state=STATE。
1:redirect_uri:设置为当前页面地址(要互联网能访问的地址才行哦)
2:授权成功后,微信公众号会回调到当前页面,同时会携带code参数
3:把code传递给后台,由后台获取用户授权信息

后端:
1.通过前端携带的code获取access_token
2.拉取用户信息(需scope为 snsapi_userinfo)
3.把获取到的信息返回给前端就行了

微信网页授权(前后端)相关推荐

  1. 网页授权前端 java_H5微信网页授权java后端SpringBoot实现

    本文使用weixin4j工具包,实现SpringBoot中微信网页授权功能,并获取用户信息. 使用weixin4j工具包1.0.0版本,官网 https://developers.weixin.qq. ...

  2. java微信端html_H5微信网页授权java后端SpringBoot实现

    转载请注明出处即可,感谢!本文地址:https://www.cnblogs.com/qupengblog/p/14105369.html 本文使用weixin4j工具包,实现SpringBoot中微信 ...

  3. ajax 微信code获取_ajax 实现微信网页授权登录的方法

    项目背景 因为项目采用前后端完全分离方案,所以,无法使用常规的微信授权登录作法,需要采用 ajax 实现微信授权登录. 需求分析 因为本人是一个phper ,所以,微信开发采用的是 EasyWeCha ...

  4. php微信授权ajax,ajax 实现微信网页授权登录

    项目背景 因为项目采用前后端完全分离方案,所以,无法使用常规的微信授权登录作法,需要采用 ajax 实现微信授权登录. 需求分析 因为本人是一个PHPer ,所以,微信开发采用的是 EasyWeCha ...

  5. java ajax 微信网页授权_ajax 实现微信网页授权登录的方法

    AJAX 的 ajax 实现微信网页授权登录的方法 项目背景 因为项目采用前后端完全分离方案,所以,无法使用常规的微信授权登录作法,需要采用 ajax 实现微信授权登录. 需求分析 因为本人是一个ph ...

  6. .NET WebAPI 微信网页授权的实现(一)前端篇

    写在前面 微信网页授权登陆是微信网页开发的第一步,由于框架限制需要使用.NET WebAPI的前后端分离模式进行开发,所以经过几天的摸索,写了这个简单的微信网页授权的实现Demo,本篇文章为微信公众号 ...

  7. Springboot + Spring Security多种登录方式:账号用户名登录+微信网页授权登录

    一.概述 实现账号用户名+微信网页授权登录集成在Spring Security的思路,最重要的一点是要实现微信登录通过Spring Security安全框架时,不需要验证账号.密码. 二.准备工作 要 ...

  8. Java微信公众号开发微信网页授权之前端传递code方式获取用户信息

    本片博客讲解的网页授权分为两步,前端先传递backUrl(回调地址)到后台网页授权接口,该接口拿到回调地址后组装授权连接,重定向到前端页面,前端页面截取Code,传入后端获取用户信息方法,获取用户信息 ...

  9. Nodejs实现微信网页授权及正确配置JS-SDK接口

    原文链接:<Nodejs实现微信网页授权及正确配置JS-SDK接口>- 陈帅华 帅华君将在本文介绍基于Nodejs实现微信网页授权以及如何正确在前后端配置JS-SDK接口. 微信网页授权 ...

最新文章

  1. android 弹出一个在桌面上出现的window
  2. 7、mybatis主配置文件之mappers
  3. 设计模式(第四式:建造者模式)
  4. 关于 SAP Spartacus 的 Theme 颜色主题
  5. #if、#if defined 的使用
  6. Filtering 过滤操作
  7. OpenCV中矩阵的归一化
  8. 对于基类和派生类中的多态及重载的最好解释方法
  9. TF-tf.keras.layers.Embedding
  10. 项目管理软件浮出水面(转)
  11. php excel 下拉菜单,Laravel Excel库(Maatwebsite):如何在导出中创建下拉列表 - php
  12. win10应用商店linux_解决win10应用商店“由于公司策略 此应用已被阻止”的方法...
  13. 下载安装electron和electron-builder遇到的问题及部分解决办法
  14. echarts关系图(force图)
  15. Codeforces Round #727 (Div. 2)_B. Love Song(前缀和)
  16. 手机怎么查看pe服务器信息,宏视监控手机版服务器
  17. 论文导读 | 图数据流子图查询
  18. python3切割圆形图片
  19. [推荐系统读书笔记]利用用户标签数据
  20. 36岁互联网高管从大厂裸辞,专门卖书快乐多了

热门文章

  1. 从零售行业年度最佳大数据解决方案奖说起
  2. 异常检测 RegAD-Registration based Few-Shot Anomaly Detection 论文学习
  3. ChatGPT 加图数据库 NebulaGraph 预测 2022 世界杯冠军球队
  4. android 手机nfc地铁,nfc怎么刷地铁
  5. loki报错与解决方法:failed to initialize table
  6. conda创建python虚拟环境常用指令和流程
  7. Matlab安装Simulink Support Package for Arduino Hardware和Matlab Support Package for Arduino Hardware说明
  8. 精简版设计师生活和工作经验总结
  9. 计算机病毒级防范措施总结,计算机病毒论文总结
  10. Linux命令行彩色显示