微信公众号静默网页授权(前端开发、本地调试及上线)图文教程
首页，要在公众号后台进行配置
用管理员/开发人员的账号，登录“微信公众平台”：https://mp.weixin.qq.com/
1、打开 【设置与开发】 -【开发者工具】 -【web开发者工具】
2、配置网站域名，就是上线后的后端接口域名，下方图片中的业务域名、js接口安全域名、网页授权域名 ，都需要配置
3、添加开发者微信号，然后必须在“微信开发者工具”登录这个账号，才能进行本地调试
要求要关注“公众平台安全助手”公众号，且不能开免打扰
本地调试(微信开发者工具)
配置公众号平台的测试账号、调试
在【设置与开发】-【开发者工具】-【公众平台测试账号】，点进去。
在这里，微信官方提供了一个测试号，本地调试的话，先这个测试号来调网页授权功能。后期部署到线上，再换成自己的公众号的appId和配置线上后端的域名，这是后面本地调试没问题了，再放到线上到这一步。
在下方找到【网站授权获取用户基本信息】，点修改，输入你本地启动的项目IP地址了，注意，只输入IP，不要输入http://，也不要端口，默认端口是80
这是因为微信重定向不支持带端口的访问域名，配置80端口，就可以只输入网址，所以启动的项目端口也必须设置成80端口
最后一步，调试：打开微信开发者工具 -> 公众号网页项目 -> 在地址栏中输入启动后的地址
代码
window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=测试号的appid&redirect_uri=" +
"http://192.168.03.130/${这里可以拼你要跳转的路由，不拼则默认跳到首页，例如/pages/home}" +
"&response_type=code&scope=snsapi_base#wechat_redirect";
| 参数 | 说明 |
|---|---|
| appid | 公众号的appid |
| redirect_uri | 授权后重定向的回调链接地址，例如授权成功后，希望进入到绑定手机号的页面(假设是/pages/bindPhone)，就可以写http://192.168.03.130/pages/bindPhone |
| response_type | 返回类型，就填code就可以了号 |
| scope | 应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且， 即使在未关注的情况下，只要用户授权，也能获取其信息 ） |
| state | 重定向会带上state参数，可填a-zA-Z0-9，就是路由参数，例如state=123，那么在/pages/bindPhone 页面中就可以拿到这个参数了 |
| #wechat_redirect | 必带 |
到最后会跳转到
/pages/bindPhone?code=CODE&state=123我们做这些授权的目的就是为了得到code，code这个玩意就是得到access_token的敲门砖，code每次授权都不一样，每次的code只能使用一次，5分钟过期
拿到code之后，就可以跟后端换token了~
一般会把获取code 和 授权跳转到 https://open.weixin.qq.com 写在同一个页面的第一个生命周期里，有code时，就去换token，没有code就去授权
总结
到此这篇关于微信公众号静默网页授权(前端开发、本地调试及上线)的文章就介绍到这了,更多相关微信公众号静默网页授权内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
git push & git pull 推送/拉取分支的具体使用
这篇文章主要介绍了git push & git pull 推送/拉取分支的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
kali2021.4a使用virtualenv安装angr的详细过程
在Linux中安装各种依赖python的软件时，最头疼的问题之一就是各个软件的python版本不匹配的问题，angr依赖python3，因此考虑使用virtualenv来安装angr，需要的朋友可以参考下2022-11-11
arcgis pro 3.0.2 安装及 geemap安装过程
ArcGIS Pro是一个专业的桌面GIS应用程序,可以探索,可视化,分析和管理二维和三维数据,这篇文章主要介绍了arcgis pro 3.0.2安装及geemap,需要的朋友可以参考下2023-08-08
SHA-256 是 SHA-2 下细分出的一种算法。截止目前（2023-03）未出现“碰撞”案例，被视为是绝对安全的加密算法之一，本文主要介绍了SHA-256算法的原理以及C#和JS的实现，希望对大家有所帮助2023-03-03
关于Interlij 无法使用中文输入法的解决方法(适用于Interlij全家桶 Linux环境)
这篇文章主要介绍了关于Interlij 无法使用中文输入法的解决方法(适用于Interlij全家桶 Linux环境),本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
Archlinux Timeshift系统备份与还原的操作方法
这篇文章主要介绍了Archlinux Timeshift系统备份与还原的操作方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-01-01
面试中自我介绍、项目是我们的重头戏,在面试二面、三面中都起到了至关重要的的作用,这篇文章主要介绍了面试的时候该如何自我介绍的相关资料,需要的朋友可以参考下2008-06-06
利用ChatGPT与MindShow制作一个PPT的方法详解
PPT制作是商务、教育和各种场合演讲的重要组成部分，然而，很多人会花费大量时间和精力在内容生成和视觉设计方面，为了解决这个问题，我们可以利用两个强大的工具——ChatGPT和MindShow，来提高制作PPT的效率，感兴趣的同学可以参考阅读2023-06-06
Kettle是一款开源的ETL工具，纯java编写，可以在Window、Linux、Unix上运行，绿色无需安装，数据抽取高效稳定，这篇文章主要介绍了kettle在windows上安装配置与实践案例,需要的朋友可以参考下2022-11-11
这篇文章给大家介绍redis debug环境搭建过程，使用clion，达到和调试java一样的效果，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2021-07-07
最新评论