公众号js-sdk简

后台代码

jssdk.PHP——因sae的不可写环境,故需要将accesstoken和JsApiTicket存入数据库。 
数据库字段:id(int 3),accesstoken(string 255),lasttime(int 10)

<?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() {
        $accessToken = $this -> getAccesstoken();
        $lastAT = M(‘accesstoken‘)->find(2);//1:token;2:ticket
        if(!$lastAT){
            M(‘accesstoken‘) -> add(array(‘id‘=>2,‘accesstoken‘=>‘null‘,‘lasttime‘=>0));
            $lastAT[‘lasttime‘] = 0;
        }
        $ticket = $lastAT[‘accesstoken‘];
        $now = NOW_TIME;
        $timecha = $now - $lastAT[‘lasttime‘];
        if($timecha >= 7200){
//          $url = ‘https://api.weixin.qq.com/cgi-bin/ticket/getticket?‘ . http_build_query ( $param );
//          $content = file_get_contents ( $url );
//          $content = json_decode ( $content, true );
            // 如果是企业号用以下 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;
            $data[‘accesstoken‘] = $ticket;
            $data[‘lasttime‘] = NOW_TIME;
            M(‘accesstoken‘)->where(array(‘id‘=>2))->save($data);
        }
        return $ticket;
  }

  //sae无法写入操作,改从数据库获取
  private function getAccessToken() {
   $param[‘grant_type‘] = ‘client_credential‘;
    $param[‘appid‘] = C("APPID");
    $param[‘secret‘] = C("SECRET");
    $lastAT = M(‘accesstoken‘)->find(1);
    $accesstoken = $lastAT[‘accesstoken‘];
    if(!$lastAT){
        M(‘accesstoken‘) -> add(array(‘id‘=>1,‘accesstoken‘=>‘null‘,‘lasttime‘=>0));
        $lastAT[‘lasttime‘] = 0;
    }
    $now = NOW_TIME;
    $timecha = $now - $lastAT[‘lasttime‘];
    if($timecha >= 7200){
        $url = ‘https://api.weixin.qq.com/cgi-bin/token?‘ . http_build_query ( $param );
        $content = file_get_contents ( $url );
        $content = json_decode ( $content, true );
        $data[‘accesstoken‘] = $content[‘access_token‘];
        $data[‘lasttime‘] = NOW_TIME;
        M(‘accesstoken‘)->where(array(‘id‘=>1))->save($data);
        $accesstoken = $content[‘access_token‘];
    }
    $lastAT = M(‘accesstoken‘)->find(1);
    return $accesstoken;
  }

  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);
  }
}

如果你的服务器是可写环境,可以使用官方提供的包。

前台文件

可以使用include将此文件包含在需要页面

<?php
include(‘jssdk.php‘);
$jssdk = new JSSDK(C(‘APPID‘), C(‘SECRET‘));
if(isWeixinBrowser()){
$signPackage = $jssdk->GetSignPackage();
}
?>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: ‘<?php echo $signPackage["appId"];?>‘, // 必填,公众号的唯一标识
    timestamp: <?php echo $signPackage["timestamp"];?>, // 必填,生成签名的时间戳
    nonceStr: ‘<?php echo $signPackage["nonceStr"];?>‘, // 必填,生成签名的随机串
    signature: ‘<?php echo $signPackage["signature"];?>‘,// 必填,签名,见附录1
    jsApiList: [
        ‘checkJsApi‘,

        ‘onMenuShareTimeline‘,

        ‘onMenuShareAppMessage‘,

        ‘onMenuShareQQ‘,

        ‘onMenuShareWeibo‘

                ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
wx.ready(function () {

      // 1 判断当前版本是否支持指定 JS 接口,支持批量判断

        wx.checkJsApi({

          jsApiList: [

            ‘getNetworkType‘,

            ‘previewImage‘,

             ‘onMenuShareTimeline‘,

            ‘onMenuShareAppMessage‘,

            ‘onMenuShareQQ‘,

            ‘onMenuShareWeibo‘

          ],

          /* success: function (res) {

            alert(JSON.stringify(res));

          } */

        });

        var shareData = {

                title: document.title,

                <notempty name="page_title">
                  desc: ‘我在‘+‘{:C(‘WEB_SITE_TITLE‘)}‘+‘发现了非常不错的宝贝:‘+‘{$page_title}‘+‘快来看看吧!‘,
                  <else/>
                  desc: ‘我发现了个很不错的商城‘+‘{:C(‘WEB_SITE_TITLE‘)}‘+‘快来看看吧!‘,
                  </notempty>

                  link: window.location.href,

                  <notempty name="page_title">
                  imgUrl: document.getElementById("detail_img").src,
                  <else/>
                  imgUrl: ‘{:get_cover(get_cover_id(34),‘path‘)}‘,
                  </notempty>

                 /*  trigger: function (res) {

                    alert(‘用户点击发送给朋友‘);

                  }, */

                  success: function (res) {

                    alert(‘感谢您的分享‘);

                  },

                  cancel: function (res) {

                    alert(‘请主公三思,分享一下吧(ㄒoㄒ)~~‘);

                  },

                  fail: function (res) {

                    alert(JSON.stringify(res));

                  }

              };

      wx.onMenuShareAppMessage(shareData);

      wx.onMenuShareTimeline(shareData);

      wx.onMenuShareQQ(shareData);

      wx.onMenuShareWeibo(shareData);

    });

    /* wx.error(function (res) {

      alert(res.errMsg);

    });  */
</script>

出处:blog.csdn.NET/afanxingzhou

时间: 2024-12-12 20:35:33

公众号js-sdk简的相关文章

VopSdk一个高逼格微信公众号开发SDK:自动化生产(装逼模式开启)

VopSdk一个高逼格微信公众号开发SDK(源码下载) VopSdk一个高逼格微信公众号开发SDK:自动化生产(装逼模式开启) 针对第一版,我们搞了第二版本,老规矩先定个目标. 一 我们的目标 a.移除PayExcute,统一执行入口,目前只保留一个入口Excute b.序列化特性统一,目前只用设置xml特性即可(反序列化时xml和json都可以直接用) c.支持文件上传,目前只有多客服管理上传头像接口用到过 d.使用T4模板自动生产所有Request.Response.以及所有测试Test(装

SAE微信公众号PHP SDK, token一直验证失败

用的是SAE,创建的是微信公众号PHP SDK框架,里面example文件夹下有server.php用来验证token的.但是问题来了,无论我怎么输入URL和token,一直告诉我token验证失败.我尝试过:1.URL:http://XXXXXXX.sinaapp.com/example/server.phptoken:weixin(就是文件里面默认的token值) 这是建立之初教程指示的地址.仍然 显示token验证失败2.我在官网,微信公众平台开发手册里下载的实例代码URL:http://

最新微信公众平台js sdk整合PHP版

由于没有持续关注微信公众平台相关的开发,所以看到这个东西时,都没有耐心看完开发文档,或者不知道重点. 重点在哪呢?重点在示例代码:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E9.99.84.E5.BD.956-DEMO.E9.A1.B5.E9.9D.A2.E5.92.8C.E7.A4.BA.E4.BE.8B.E4.BB.A3.E7.A0.81 新版的sdk,变得对开发人员非常友好,直接支持调试模式.

微信JS-SDK]微信公众号JS开发之卡券领取功能详解

js sdk: http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html#.E9.99.84.E5.BD.952-.E6.89.80.E6.9C.89JS.E6.8E.A5.E5.8F.A3.E5.88.97.E8.A1.A8 微信团队在2015年初改革了微信JS的API,本文主要详细说明其中用到的卡券领取功能. 微信卡券需要认证过的公众号才能申请开通,而且创建的卡券也是要审核才能投放的.微信的卡券对于用户体验上来说

微信支付-小程序H5 公众号 Payment SDK

前言 今天是2020年一天,去年最后一个月开发了订单和支付系统,尤其在支付系统和微信对接的时候遇到了很多坑,这里给大家总结下,以免大家遇到相同的问题还浪费大量时间 微信支付前期准备 微信商户号,需要商户号,密码 ,退款时需要证书,证书默认密码是商户号 微信app(如 微信小程序 或者 微信公众号) 的appid和appsecret 需要在商户中关联微信小程序和微信公众号,然后运营者确认. 至此微信支付前期工作完成 Payment 封装了微信 支付宝 银联等很多支付的SDK git地址 https

如何站在使用者的角度来设计SDK-微信公众号开发SDK(消息处理)设计之抛砖引玉

0.SDK之必备的基本素质 在项目中免不了要用到各种各样的第三方的sdk,在我现在的工作中就在公司内部积累了各种各样的的公共库(基于.net的,基于silverlight的等等),托管到了内部的nuget私服上,大大的方便了项目的开发. 在积累这些库的过程中走过不少弯路,今天分享给大家(借助微信公众平台开发的消息处理模块的SDK(一下简称微信消息sdk)做个设计思路剖析)笔者的一些思路的,私以为一个sdk需要具备如下的3条基本素质. 站在使用者的角度考虑设计! 易维护( 对修改关闭,对扩展开放

微信公众号js调起支付代码中不要使用var

WeixinJSBridge.invoke( 'getBrandWCPayRequest', data.data, function(res){ if(res.err_msg == "get_brand_wcpay_request:ok" ) { // 使用以上方式判断前端返回,微信团队郑重提示:res.err_msg将在用户支付成功后返回 ok,但并不保证它绝对可靠. $('#loading-bd').html('请等待跳转...'); $('#my-loading').modal(

微信公众号 - js传入时间戳换算(以前几天、几小时...)

1 // 获取当前时间戳 2 function timestamps() { 3 return Math.round(new Date().getTime() / 1000).toString() 4 } 5 6 // 距离时间... 传时间戳 7 function timeFormat(timestamps) { 8 timestamps = timestamps * 1000 9 let daySec, dayMin, dayHour, dayS 10 let timeNow = new D

微信公众号开发之js-sdk开发

公司最近项目需要使用微信进行分享,对微信的jssdk研究了下,由于研究过程并不顺利,遇到的坑比较多,所以特意将研究结果记录下来,供大家批评和参考! 官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 微信的jssdk是面向网页开发者提供的基于微信内的网页开发工具包,提供了诸如分享朋友圈,分享微信好友,分享QQ好友 and so on,具体支持的文档参考上述官方文档; 在进行微信jssdk开发之前,首先你得拥

关于微信公众号支付tips

前几日刚刚做完微信公众号JS支付,以下是在做微信支付时遇到的一些小问题,以备后用,这里使用PHP 一.关于在公众平台设置的参数 1.微信支付--开发配置:支付授权目录,测试授权目录,测试白名单,(扫码支付回调URL当时也设置了,可以先不设置,回来再看) 2.公众号设置--功能设置:JS接口安全域名,填写例如baidu.com的形式 3.接口权限:网页账号(网页授权获取用户基本信息),点击修改,填写回调域名,例如www.baidu.com形式.该域名需要通过ICP备案 二.需要的一些配置参数 1.