微信公众号 JSSDK 开发配置

Question

微信公众号可以使用微信提供的 JSSDK  工具实现很多功能，比如拍照、上传图片、扫一扫等功能，免去了我们开发这些组件的麻烦，节约了大量的开发时间。

但是很多人在配置和使用的时候，老是出各种错误。

前端配置

绑定域名

先确保你使用的是认证的账号（订阅号，服务号），因为没认证的号是没有 JS 安全域名配置权限的。建议开发前先看看 公众号类型的接口权限说明。

登录微信公众平台进入公众号设置的功能设置里填写JS 接口安全域名。

引入 JS 文件

在需要调用 JS 接口的页面引入如下 JS 文件，而且支持 https 安全链接。

http://res.wx.qq.com/open/js/jweixin-1.0.0.js

请注意如果你的页面启用了https，务必引入 https 链接的 JSSDK，否则将无法在 iOS9.0 以上系统中成功使用。

通过 config 接口注入权限验证配置

所有需要使用 JS-SDK 的页面必须先注入配置信息，否则将无法调用。

wx.config({
  debug: true,  // 开启调试模式
  appId: '',    // 必填，公众号的唯一标识
  timestamp: ,  // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: [] // 必填，需要使用的JS接口列表
});

通过 ready 接口处理成功验证

config 信息验证后会执行 ready 方法，所有接口调用都必须在 config 接口获得结果之后，config 是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在 ready 函数中调用来确保正确执行。

wx.ready(function(){
  // 对于用户触发时才调用的接口
  // 则可以直接调用
  // 不需要放在 ready 函数中。
});

服务端配置

但很多人在开发的时候用自己服务器不知道上边第 3 步配置信息该如何配置，其实微信也给我们提供了实例。

下载 JSSDK 的 Demo

下载地址：https://www.wenjiangs.com/wp-content/uploads/2018/03/jssdk-php.zip

解压并引入文件

将 jssdk.php 放到自己的服务器上引入自己的程序。

获取签名信息

初始化 JSSDK 类之后，获取签名信息，将签名信息填写到上边步骤 3 中配置项中就行了。

require_once "jssdk.php";
$jssdk = new JSSDK("yourAppID", "yourAppSecret");
$signPackage = $jssdk->GetSignPackage();

相关文章

• 微信开发使用 JSSDK 自定义分享内容