问题：config:invalid signature一直爆这个错误

解决：

看我把这些坑都总结了一下：要命的invalid signature。

https://segmentfault.com/q/1010000002520634

有人这样说：

出现问题的原因是参与签名的URL地址不正确，需要动态获取当前页面完整的URL地址（包括?后面的参数，但不能包含#号），如若URL地址为：http://www.xxx.xxx/payment/wxpay/jspay?oid=xxxx&attr=xxxx#wechat，那么完整的URL地址应该是截取#号之前的部份。为什么会出现#号呢？因为你的URL在被分享到朋友圈等微信系统自动会添加一些参数。

invalid signature出现可能还有其他原因的

{排查）微信 JS 接口签名校验工具

http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

示例代码：

http://203.195.235.76/jssdk/#menu-voice

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

经对比，微信 JS 接口签名校验正确，往下走

sample.php

<?php
require_once "jssdk.php";
$jssdk = new JSSDK("appid", "ssss");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
</head>
<link rel="stylesheet" href="http://203.195.235.76/jssdk/css/style.css">
<body>
appId: '<?php echo $signPackage["appId"];?>
<br>
timestamp: <?php echo $signPackage["timestamp"];?>
<br>
nonceStr: '<?php echo $signPackage["nonceStr"];?>

<br>
$ticket:<?php echo $ticket; ?>
<br>
<?php echo $signPackage["signature"];?>
<br>
<button class="btn btn_primary" id="startRecord">startRecord</button>
</body>
<button class="btn btn_primary" id="stopRecord">stopRecord</button>
<button class="btn btn_primary" id="playVoice">playVoice</button>
<button class="btn btn_primary" id="pauseVoice">pauseVoice</button>
<button class="btn btn_primary" id="stopVoice">stopVoice</button>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  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: [      // 所有要调用的 API 都要加到这个列表中      'checkJsApi',      'onMenuShareTimeline',      'onMenuShareAppMessage',      'onMenuShareQQ',      'onMenuShareWeibo',      'onMenuShareQZone',      'hideMenuItems',      'showMenuItems',      'hideAllNonBaseMenuItem',      'showAllNonBaseMenuItem',      'translateVoice',      'startRecord',      'stopRecord',      'onVoiceRecordEnd',      'playVoice',      'onVoicePlayEnd',      'pauseVoice',      'stopVoice',      'uploadVoice',      'downloadVoice',      'chooseImage',      'previewImage',      'uploadImage',      'downloadImage',      'getNetworkType',      'openLocation',      'getLocation',      'hideOptionMenu',      'showOptionMenu',      'closeWindow',      'scanQRCode',      'chooseWXPay',      'openProductSpecificView',      'addCard',      'chooseCard',      'openCard'    ]  });  wx.ready(function () {    // 在这里调用 API    // 4 音频接口    // 4.2 开始录音    document.querySelector('#startRecord').onclick = function () {      wx.startRecord({        cancel: function () {          alert('用户拒绝授权录音');        }      });    };    // 4.3 停止录音    document.querySelector('#stopRecord').onclick = function () {      wx.stopRecord({        success: function (res) {          voice.localId = res.localId;        },        fail: function (res) {          alert(JSON.stringify(res));        }      });    };    // 4.4 监听录音自动停止    wx.onVoiceRecordEnd({      complete: function (res) {        voice.localId = res.localId;        alert('录音时间已超过一分钟');      }    });    // 4.5 播放音频    document.querySelector('#playVoice').onclick = function () {      if (voice.localId == '') {        alert('请先使用 startRecord 接口录制一段声音');        return;      }      wx.playVoice({        localId: voice.localId      });    };    // 4.6 暂停播放音频    document.querySelector('#pauseVoice').onclick = function () {      wx.pauseVoice({        localId: voice.localId      });    };    // 4.7 停止播放音频    document.querySelector('#stopVoice').onclick = function () {      wx.stopVoice({        localId: voice.localId      });    };    // 4.8 监听录音播放停止    wx.onVoicePlayEnd({      complete: function (res) {        alert('录音（' + res.localId + '）播放结束');      }    });    // 4.8 上传语音    document.querySelector('#uploadVoice').onclick = function () {      if (voice.localId == '') {        alert('请先使用 startRecord 接口录制一段声音');        return;      }      wx.uploadVoice({        localId: voice.localId,        success: function (res) {          alert('上传语音成功，serverId 为' + res.serverId);          voice.serverId = res.serverId;        }      });    };    // 4.9 下载语音    document.querySelector('#downloadVoice').onclick = function () {      if (voice.serverId == '') {        alert('请先使用 uploadVoice 上传声音');        return;      }      wx.downloadVoice({        serverId: voice.serverId,        success: function (res) {          alert('下载语音成功，localId 为' + res.localId);          voice.localId = res.localId;        }      });    };  });</script></html>

jssdk.php

<?php

class JSSDK {

  private $appId;

  private $appSecret;

  public function __construct($appId, $appSecret) {

    $this->appId = $appId;

    $this->appSecret = $appSecret;

  }

  public function getSignPackage() {

    $jsapiTicket = $this->getJsApiTicket();

    // 注意 URL 一定要动态获取，不能 hardcode.

    $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";

    $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

    $timestamp = time();

    $nonceStr = $this->createNonceStr();

    // 这里参数的顺序要按照 key 值 ASCII 码升序排序

    $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

    $signature = sha1($string);

    $signPackage = array(

      "appId"     => $this->appId,

      "nonceStr"  => $nonceStr,

      "timestamp" => $timestamp,

      "url"       => $url,

      "signature" => $signature,

      "rawString" => $string

    );

    return $signPackage;

  }

  private function createNonceStr($length = 16) {

    $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";

    $str = "";

    for ($i = 0; $i < $length; $i++) {

      $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);

    }

    return $str;

  }

  private function getJsApiTicket() {

    // jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例

    $data =123;

    if ($data) {

      $accessToken = $this->getAccessToken();

      // 如果是企业号用以下 URL 获取 ticket

       //$url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";

      $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";

      $res = json_decode($this->httpGet($url));

      $ticket = $res->ticket;

      if ($ticket) {

        $data->expire_time = time() + 7000;

        $data->jsapi_ticket = $ticket;

        $this->set_php_file("jsapi_ticket.php", json_encode($data));

      }

    } else {

      $ticket = $data->jsapi_ticket;

    }

  //  print_r(1232);

    return $ticket;

  }

  private function getAccessToken() {

    // access_token 应该全局存储与更新，以下代码以写入到文件中做示例

    $data = 12333;

    if ($data) {

      // 如果是企业号用以下URL获取access_token

      // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";

      $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";

      $res = json_decode($this->httpGet($url));

      print_r($res);

      $access_token = $res->access_token;

      if ($access_token) {

        $data->expire_time = time() + 7000;

        $data->access_token = $access_token;

        $this->set_php_file("access_token.php", json_encode($data));

      }

    } else {

      $access_token = $data->access_token;

    }

echo 'access+token:'.$access_token."<br>";

    return $access_token;

  }

  private function httpGet($url) {

    $curl = curl_init();

    curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);

    curl_setopt($curl, CURLOPT_TIMEOUT, 500);

    // 为保证第三方服务器与微信服务器之间数据传输的安全性，所有微信接口采用https方式调用，必须使用下面2行代码打开ssl安全校验。

    // 如果在部署过程中代码在此处验证失败，请到 http://curl.haxx.se/ca/cacert.pem 下载新的证书判别文件。

    curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, true);

    curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, true);

    curl_setopt($curl, CURLOPT_URL, $url);

    $res = curl_exec($curl);

    curl_close($curl);

    return $res;

  }

  private function get_php_file($filename) {

    return trim(substr(file_get_contents($filename), 15));

  }

  private function set_php_file($filename, $content) {

    $fp = fopen($filename, "w");

    fwrite($fp, "<?php exit();?>" . $content);

    fclose($fp);

  }

}

免费空间vs收费空间

在正常空间服务器上运行成功，免费空间原来httpGet获取时return返回值为空对比。.服务器空间问题1.gunner.site(主题屋免费空间php curl调用https出错
)2.正规服务器（无提示错误）3.本地可打印access_token

可以归结为curl 出现错误的调试方法

解决办法：跳过SSL证书检查。
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

哈哈，有开始出现新问题require subscribe，因为我用公众平台测试帐号，关注一下就好


关注就可以

调用微信JS-SDK 接口成功

微信公众平台开发者文档

微信JS-SDK 接口调用与 php 遇到的坑的更多相关文章

微信js SDK接口
微信JS-SDK说明文档 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 一.微信登录功能在进行微信OAut ...
关于微信JS SDK接口wx.previewImage预览接口的使用
然后后之前的项目,突然往微信上迁移了,一些微信的接口没怎么用过,比较陌生,这次的功能是想调用微信的接口,实现图片放大的功能, 就找到官方文档:http://qydev.weixin.qq.com/wi ...
微信JS SDK接入的几点注意事项
微信JS SDK接入,主要可以先参考官网说明文档,总结起来有几个步骤: 1.绑定域名:先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”.备注:登录后可在“开发者中心”查看对 ...
微信js sdk上传多张图片
微信js sdk上传多张图片,微信上传多张图片该案例已tp3.2商城为例直接上代码: php代码: public function ind(){ $appid="111111111111 ...
实战微信JS SDK开发：贺卡制作与播放（1)
前段时间忙于CanTK 2.0的开发,所以博客一直没有更新.CanTK 2.0主要增强了游戏和富媒体的开发,现在编码和测试基本完成了,等文档完成了再正式发布,里面有不少激动人心的功能,等发布时再一一细 ...
调用微信js sdk
场景:需要调用微信获取当前位置的借口. 途径:查看微信 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 .后 ...
微信JS SDK配置授权，实现分享接口
微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑, ...
微信开发（2）:微信js sdk分享朋友圈，朋友，获取config接口注入权限验证（转）
进行微信开发已经一阵子了,从最初的什么也不懂,到微信授权登录,分享,更改底部菜单,素材管理,等. 今天记录一下微信jssdk 的分享给朋友的功能,获取config接口注入. 官方文档走一下简单说:四步 ...
微信JS SDK Demo 官方案例[转]
摘要: 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用 ...
微信JS SDK Demo
微信JS-SDK 分享到朋友圈分享给朋友分享到QQ 拍照或从手机相册中选图识别音频并返回识别结果使用微信内置地图查看位置原文:http://www.cnblogs.com/txw1958/p/ ...

随机推荐

dede轮播图
DEDEcms 里面有个自带的轮播图调用: 模版 ------> 广告管理 --------> 增加一个新广告 ----进入后的界面填写后点击代码获取相应的JS调用代码:或者织梦CM ...
android studio gradle自动签名构建实现
我为自己代言: 一.在android studio中生成签名文件. 1.在android studio 选中项目,在菜单栏中选择Build. 2.点击Generate Signed APK选项卡. 3 ...
Java学习笔记--StringTokenizer的使用
拓展:Pattern.split替代String.split http://www.cnblogs.com/gnivor/p/4386978.html StringTokenizer是一个用来分隔St ...
Gradle Android客户端程序打包（基于gradle 2.10版本验证通过）
一.前言目前正在准备从eclipse开发环境向AndroidStudio迁移,提前过去探探路,不出所料,原来gradle脚本果然报错,无法运行,想想索性把本地的gradle一起升级到最新版本,毕竟1 ...
NOI2013 UOJ122 向量内积
神题...... 还是大神讲得比较清晰~orz http://dffxtz.logdown.com/posts/197950-noi2013-vector-inner-product 启发题:poj3 ...
[每日一题] 11gOCP 1z0-052 :2013-09-27 bitmap index.................................................C37
转载请注明出处:http://blog.csdn.net/guoyjoe/article/details/12106027 正确答案C 这道题目是需要我们掌握位图索引知识点. 一.首先我们来看位图索引 ...
vi高级技巧
本文一般情况下用<c-字母>(里边的字母一般大小写无所谓,除非特别注明)表示按住ctrl同时按下相关字母,命令前加一个i 表示在插入模式下用这个命令 1. 选定文字/ 拷贝粘贴 v 为可视 ...
用Spring提高java观察者模式灵活性
在上篇博客用java观察者模式解耦经典三层架构的最后,用了一个Client类把Listener的实现类注冊到了LoginEventSource类中,假设须要加入�新的逻辑,加入�新的listene ...
asp.net cookie和session的详细使用
cookie使用代码: //设置Cookie HttpCookie setCookie = new HttpCookie("test"); setCookie.Values.Add ...
ios浅谈关于nil和 NIL区别及相关问题（转）
转自:http://blog.csdn.net/guozh/article/details/8469131 个就是将引用技术减1,所谓的引用计数就是看看有多个指针指向一块内存实体,当release一次 ...

微信JS-SDK 接口调用与 php 遇到的坑