快速了解微信生态应用功能
【智慧链接 | 微信生态使用指南】
设置JS-API即可在微信环境下调用微信高级能力,比如微信带图分享、扫码等应用能力,增强微信端用户体验。
准备条件
1、已认证微信公众号
2、已备案域名
设置JS-API步骤
1.获取AppSecret
2.获取安全域名验证文件
3.爱用建站输入AppSecret、上传验证文件并提交
4.填写IP白名单
一、获取AppSecret
1.点击【微信公众平台登录入口】,输入公众号帐号密码登录。
![1547261182157018075.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190112/1547261182157018075.png)
2.点击首页左侧菜单栏【开发】-【基本配置】。
![1547259694874002996.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190112/1547259694874002996.png)
3.勾选同意协议,点击【成为开发者】。
![1547433417024017560.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547433417024017560.png)
4.开发者密码设置
(1)微信管理员通过微信扫码进行身份确认;
![1547433502884042873.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547433502884042873.png)
(2)密码验证,填写【登录密码】,输入【验证码】,点击【下一步】;
![1547447828780071144.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547447828780071144.png)
(3)查看开发者密码,点击【复制】AppSecret,保存好AppSecret,点击【确认并进行下一步】。
Tips:爱用建站设置JSAPI时要用到AppSecret。
![1547433789433009181.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547433789433009181.png)
5.返回首页,可以看到公众号开发信息,包括AppID、AppSecret。点击【启用】可查看AppSecret。
![1547433948160047666.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547433948160047666.png)
二、获取安全域名验证文件
1.点击首页左侧菜单栏【公众号设置】。
![1547434194718083741.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547434194718083741.png)
2.点击【功能设置】,找到JS接口安全域名,点击【设置】。
![1547434297987019327.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547434297987019327.png)
3. 下载验证文件。
(1)点击下载文件(建议下载到桌面,方便查找,可重复使用)。
下载后保留在此页面,域名先不用填写,后面可粘贴域名到此处。
![1547454137463087108.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547454137463087108.png)
(2)下载后如图所示。
Tips:爱用建站设置JSAPI时要上传这份文件。
![1547437215854058615.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547437215854058615.png)
三、设置公众号IP白名单
1.点击首页左侧菜单栏【开发】-【基本配置】。
![1561700961314033746.jpg](//koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190628/1561700961314033746.jpg)
2.点击【IP白名单】-【查看】。
![1561701152817016510.jpg](//koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190628/1561701152817016510.jpg)
3.点击【IP白名单】-【查看】。
![1561701225439013288.jpg](//koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190628/1561701225439013288.jpg)
4.点击【修改】,把【智慧链接】-【设置公众号IP白名单】拷贝到这里,接着点击【保存修改】即可。
![1561701484952027248.png](//koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190628/1561701484952027248.png)
三、爱用建站设置JS-API
1.PC端登陆爱用建站【登陆入口】,点击【智慧链接】。
![智慧链接.jpg 1586244806884054189.jpg](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200407/1586244806884054189.jpg)
2.点击【微信公众号】-【公众号设置】,点击【立即授权】。(微信公众号已授权的可忽略这一步骤)
3.扫描二维码进行公众平台账号授权。
![公众号授权.jpg 1588066128377059360.jpg](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200428/1588066128377059360.jpg)
4.点击【高级设置】。
![公众号高级设置.jpg 1588123927813097074.jpg](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200429/1588123927813097074.jpg)
5.填写公众号APP Secret,上传验证文件后点击【提交】。
![高级设置-内容.jpg 1588123927172039944.jpg](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200429/1588123927172039944.jpg)
6.复制安全域名。
![复制.jpg 1588123926426040769.jpg](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200429/1588123926426040769.jpg)
6.粘贴安全域名到公众号后台,点击【保存】。
![1547453668621076829.png](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190114/1547453668621076829.png)
四、填写IP白名单
1.拷贝【设置公众号IP白名单】的ip。
![复制白名单.jpg 1588123925560090308.jpg](https://koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20200429/1588123925560090308.jpg)
2.微信公众平台进入【开发】->【基本信息】->【IP白名单】中,填写智慧链接中【公众号IP白名单】。
![1548211547995092310.png](//koss.iyong.com/swift/v1/iyong_public/iyong_2596631159095872/image/20190123/1548211547995092310.png)