一、案例效果

二、功能介绍

1.之所以要设置微信开发者信息，是因为H5需要绑定微信公众号，否则不能显示分享图、转发会出现epub360网址、而非分享文字信息；

2.所绑定的公众号必须认证（如下图），认证服务号；

3.若您的微信公众号是认证订阅号，接口权限受限，不支持 微信拍照／录音、 获取用户头像／昵称等功能。

4.H5导出自行部署发布时，转发会出现网址，需要您自行开发解决微信接口调用问题。

三、具体设置

1.进入公众平台( https://mp.weixin.qq.com/  )，打开【设置与开发】——【公众号设置】——【功能设置】，点击 JS接口安全域名 右侧的【设置】。

下图中的JS接口安全域名（epub360.com）只是演示给大家，自己具体要填写的，根据后续步骤设置：

2.填写JS安全域名。注意一般只需要填写一个，就是作品发布页面二维码右侧所提示的JS安全域名。

3.请一定按照自己的账号类型来（ 如下表 ）：

* 专业版账号选择 m.creatby.com 发布作品时，JS安全域名和网页授权域名需要填写 m.creatby.com 

4.绑定微信公众号，【设置JS安全域名】，重要提示：如果不正确设置，会导致分享描述无法加载！

注：js安全域名只需要填写一个，网页授权域名也只需要填写一个，否则调用接口会有冲突，图中是为了示例！

5.在公众号内设置网页授权域名。如果H5中牵扯到微信头像昵称、需要识别微信用户ID，那就必须设置网页授权域名。

6.同样是在【公众号设置】——【功能设置】，找到网页授权域名的【设置】。

7.点击右边的设置，出现下图设置界面。设置规则见下表：

* 专业版账号选择 m.creatby.com 发布作品时，JS安全域名和网页授权域名需要填写 m.creatby.com

8.在公众号内设置IP白名单。登录公众平台，进入【设置与开发】——【基本配置】

9.点击下图中的IP白名单的查看。

10.点击上图中IP白名单的查看后，填写IP地址列表（如下IP地址必须全部设置进去）

《“获取access_token”接口新增IP白名单保护》

101.37.28.173

101.37.37.13

101.37.87.36

101.37.29.45

101.37.22.203

101.37.90.173

11.完成设置后由管理员扫码确认保存。

12.以上步骤完成后，获取微信开发者信息。进入微信公众平台（https://mp.weixin.qq.com/），点击打开“开发”中的“基本配置”页面。

13.在上图右侧位置，获取微信开发者信息：

开发者（AppID ）/开发者密码（AppSecret）

特别提醒：

如果还有其他系统也在用这个APPID，比如 有赞、微盟等系统已经配置绑定了这个APPID，那么请不要再把这个APPID配置到Epub360里了，因为会导致冲突，影响到已有系统，比如有赞的微信菜单！

14.在Epub360作品的微信发布页面点击发布按钮，跳转至H5作品发布页面。

在作品发布页面，设置微信公众号信息——设置微信开发者信息后保存。

15.设置完成。扫描作品发布二维码后，尝试转发，查看分享标题、分享描述、分享缩略图是否可以正常显示，若能正常显示说明设置生效。正常示例图如下：

16.常见问题

（1）已经设置了，但不生效怎么办？

  ① 首先检查自己的公众号是否有权限

  ② 检查输入的开发者信息最后是否有空格等多余字符。

（2）开发者中心里没有开发者信息，怎么办？

成为开发者很简单，按提示点击“成为开发者”按钮即可。后续还需要进行微信公众号的认证（参见下面的第3点说明）。

（3）如何对微信公众号进行认证？

在微信公众平台，点击打开微信认证页面，按提示提交资料进行认证即可。

（4）Scope参数错误是怎么回事？

因为没有正确设置网页授权获取用户基本信息的情形下开启了身份授权或者公众号关注检测功能。

① 如果不需要，就还是关闭身份授权/公众号关注检测；

② 或者按要求完成网页授权获设置（请参考阅读：如何设置身份授权）。