微信公众号 JSSDK 开发配置

发布于 2018-11-28 字数2690 浏览 915 评论 0

微信公众号可以使用微信提供的 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

下载地址:http://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();

相关文章

如果你对这篇文章有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助。

扫码二维码加入Web技术交流群

您暂时不能评论!

管理员开启了需要登录才能够评论,你可以免费注册一个本站的账号。

还没有评论!

目前还没有任何评论,快来抢沙发吧!