首页 课程中心 问答&分享 读书 公众号框架 HUI H.JS 开放源 登录 & 注册
 《微信公众号开发权威教程》

微信JS-SDK部署步骤:


1、编写一个测试页面 demo.php 并在页面底部引入js文件

<html>
<head>
<title>demo</title>
</head>
<body>
    <div style="width:90%;">
        <img src="http://static.hcoder.net/public/course_images/5595e9446293b.jpg" width="100%" />
    </div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
</html>


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

下载微信官方提供的演示代码 进行修改,下载地址:

http://demo.open.weixin.qq.com/jssdk/sample.zip

下载后解压,找到对应的php代码包

将 access_token.php、jsapi_ticket.php、jssdk.php 文件拷贝到项目目录下,示例结构:

|_ demo.php
|_ jsapi_ticket.php
|_ access_token.php
|_ jssdk.php


注意事项

保证access_token.php的可写权限!


3、在demo.php中完成权限验证

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<?php
require_once "jssdk.php";
//$jssdk = new JSSDK("appid", "appsecret");
$jssdk = new JSSDK("wxecbdf50f2ffea20f", "eb2e237b0ed8624d4fd87a718ae2285b");
$signPackage = $jssdk->GetSignPackage();
/* 
 * $signPackage
 * 是一个数组 格式如下
 * Array ( [appId] => wxecbdf50f2ffea20f [nonceStr] => 9XvxklnD5tdwIfMF [timestamp] => 1462502279 
 * [url] => http://wx.hcoder.net/demo.php [signature] => xxxx [rawString] => jsapi_ticket=xcxc
 * &noncestr=9XvxklnD5tdwIfMF×tamp=1462502279
 * &url=http://wx.hcoder.net/demo.php )
 */
?>
<script>
wx.config({
    debug: true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone']
  });
  wx.ready(function () {
    alert('ok');
  });
</script>



4、验证结果

在微信浏览器中执行 demo.php ,页面弹出ok代表配置成功。


5、调试及错误

wx.config({
    debug: true,//正式发布后建议把值改为false

当 debug 取值为true 系统会自动弹出执行过程的重要信息。


wx.error(function(res){
    alert(res);
});

出现错误时如果我们设置了 error函数,系统会根据error函数的设置去展示错误信息

书籍目录  (请点击阅读)