很多网上都能找到，最主要的几个地方，我个人理解 并不是说，一定要用ajax去请求啥的，我php直接写完，测试工具：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

1. 获取access_token

1. 第一步：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=你的APPID&secret=你的secret

   2. 用第一步拿到的access_token 采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket）:

   https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

   3.获得jsapi_ticket之后，就可以生成JS-SDK权限验证的签名了。

签名算法

签名生成规则如下：参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分） 。对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行URL 转义。

即signature=sha1(string1)。 示例：

noncestr=Wm3WZYTPz0wzccnW jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg timestamp=1414587457 url=http://mp.weixin.qq.com?params=value

 @php
 class Sample { 
    public function run() {
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
        curl_setopt_array($curl, array(
            CURLOPT_URL => "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=自己的APPID&secret=自己的AppSecret",
            CURLOPT_TIMEOUT => 30,
            CURLOPT_RETURNTRANSFER => true,
            CURLOPT_CUSTOMREQUEST => 'POST',


            CURLOPT_HTTPHEADER => array(
                'Content-Type: application/json',
                'Accept: application/json'
            ),

        ));
        $response = curl_exec($curl);
        curl_close($curl);
        return $response;
    }
}
//上面的部分是为了获取access_token，下面是通过access_token来获取 jsapi_ticket，官方文档也是有介绍的

 //获取jsapi_ticket
class Sample2 {

 public function run() {
 //实例化类，不然调用不到里面的access_token
$rtn = (new Sample())->run();
$arr = json_decode($rtn, true);
//
        $curl = curl_init();
        curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
        curl_setopt_array($curl, array(
            CURLOPT_URL => "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={$arr['access_token']}&type=jsapi",
            CURLOPT_TIMEOUT => 30,
            CURLOPT_RETURNTRANSFER => true,
            CURLOPT_CUSTOMREQUEST => 'GET',


            CURLOPT_HTTPHEADER => array(
                'Content-Type: application/json',
                'Accept: application/json'
            ),

        ));
        $response = curl_exec($curl);
        curl_close($curl);
        return $response;
    }
}


$rtn = (new Sample2())->run();
$arr2 = json_decode($rtn, true);
  //下面这个是签名算法
  $noncestr= rand(11111111,99999999);
  $jsapi_ticket= $arr2['ticket'];
  $timestamp= time();
  $url="https://yaanbbs.net/";
   $string1='jsapi_ticket='.$jsapi_ticket.'&noncestr='.$noncestr.'&timestamp='.$timestamp.'&url='.$url;
   $signature = SHA1($string1);

@endphp 

调用接口：

 <span type="submit" id="a" class="search_btn" onclick="a()"> 扫一扫</span>
 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>




</body></html>
<script type="text/javascript">
//alert(location.href.split('#')[0]);
function a(argument) {

 wx.config({

  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: 'wx70c1fe2a238850f3', // 必填，公众号的唯一标识
  timestamp: '{{$timestamp}}', // 必填，生成签名的时间戳
  nonceStr: '{{$noncestr}}', // 必填，生成签名的随机串
  signature: '{{$signature}}',// 必填，签名
  jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表
});

wx.scanQRCode({
  needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
  scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
  success: function (res) {
    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
  }
});



}