uniapp开发微信公众号之网页授权

先要拥有微信公众号，注意此处的公众号是服务号（需要认证）,因为个人订阅号没有跳转外部链接的权限
项目要能被公网访问到（这样才能授权微信接口），最常见的做法是内网穿透
在公众号内配置域名（注意事项参考官方文档），域名为服务内网穿透后的域名
根据官方示例替换掉相应的字段来授权

具体实现

第一步略
能被公网访问到的方式很多，但最简洁的还要数内网穿透，此处用到的工具是：网云穿。具体使用方式可通过官网查看（简单实用）
公众号域名配置（此处以我的配置为例）

配置域名时微信为了安全起见需要将一个含字符串的txt文件放在服务器上，可以通过域名访问到这个txt文件才能配置成功。（但值得注意的是我们可以把其放在方便访问的服务上做内网穿透，把内网穿透的域名先配置上。然后保证域名不变的情况下为无法访问txt文件的服务做内网穿透）。等域名配置成功后就可进行下一步操作了。
根据官方示例授权

示例：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=`公众号的appid`&redirect_uri=`重定向的地址（跟内网穿透的域名地址一致）`&response_type=code&scope=`获取用户哪类信息（snsapi_base或snsapi_userinfo）`&state=STATE#wechat_redirect

解释：将上面示例填写好后，放在微信开发者工具公众号开发的url中会重定向到项目位置，微信会在url中为我们拼上授权的code，拿到code后岂不起飞。

uniapp开发微信公众号之网页授权相关推荐

uniapp开发微信公众号网页-微信JSSDK使用
uniapp开发微信公众号网页-微信JSSDK使用一. 安装jweixin-module 二. 新建js文件,把jssdk的接口简单封装,然后挂载到vue实例 1. 在js公共文件夹下创建wecha ...
微信公众号的网页授权如何在本地调试？
调试微信公众号的网页授权时,要填写网页授权域名(如图1),否则授权的时候会提示redirect_uri参数错误(图2),可是我得在localhost先调试成功才能上传到实际的网站上吧,可是这里不支持l ...
UNI-APP 开发微信公众号（H5）JSSDK的使用、微信扫一扫
UNI-APP 开发微信公众号(H5)JSSDK的使用.微信扫一扫自己做了一个h5端调起微信扫一扫的功能,上网一找,没有说得很详细的,依样画葫芦,结果出了很多问题.下面给大家讲一下做的方法,用这个方 ...
uniapp 开发微信公众号H5 隐藏右上角扩展按钮
uniapp 开发微信公众号H5 隐藏右上角扩展按钮 1.首先使用npm安装一下微信的jsApi (这个应该都会吧就跟vue使用npm安装依赖一样) 初始化: npm init -y 安装微信模块: ...
微信公众号-测试号-网页授权
微信公众号-测试号-网页授权自己摸索几天,总算搞清楚了第一步登录微信公众号平台,开发者工具菜单进入公众平台测试账号第二步设置网页帐号网页授权获取用户基本信息的域名,测试号是可以用ip和域名 ...
uniapp开发微信公众号，uniapp公众号本地调试，本地开发
uniapp开发微信公众号,有一个痛点,就是每次要发布到线上,然后debug,效率低. 解决办法:查了很多百度==(参考在本地调试微信页面,只需三步 - 知乎 (zhihu.com) (37条消息) ...
微信公众号第三方网页授权
如果用户在微信公众号客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 关于网页授权回调域名的说明 1.在微信公众号请求用户网页授权之前,开发者需要先到公众 ...
uni-app 开发微信公众号（H5）JSSDK 的使用方式
因为这个jssdk被uni-app坑了好多天,作者说支持1.4版本,但是我用1.4的两个分享的新方法一直不支持. 最后只能放弃了,期待什么时候能更新上. 基本的使用方法: 第一步 - 下载使用方式下 ...
uni-app+uniCloud开发微信公众号H5网页如何使用云函数计算jssdk的签名，以及invalid signature 和 realUrl的问题
前天突然接到一个小活儿,客户的要求很简单,但要求快速上线这时候uniCloud的优势就出来了,不用考虑服务器的事儿,直接走前端托管即可但中间遇到的坑是真的多下边一个个来说首先,uni-app本 ...

uniapp开发微信公众号之网页授权

目录

网页授权步骤

具体实现

uniapp开发微信公众号之网页授权相关推荐

最新文章

热门文章