记录微信分享功能开发

1. 配置微信开发的服务器
2. 配置js安全域名(一共可以配置3个)
3. 这里使用官方的php js-sdk进行开发(注意此处有坑,如果在前端使用ajax进行调用的话需要按照微信开发文档要求往后台传当前url的值.如果不是则直接用官方的sdk不用修改就可以了),前台使用ajax调用方式的话后端php代码如下:

<?php
require_once "JSSDK.php";//引入官方的sdk

$url = @$_POST['url'];//前台传过来的url的值

$jssdk = new JSSDK("微信appID", "微信secret");

$signPackage = $jssdk->GetSignPackage(urldecode($url));

echo json_encode($signPackage);

jssdk 代码:

<?php

class JSSDK {

  private $appId;

  private $appSecret;



  public function __construct($appId, $appSecret) {

    $this->appId = $appId;

    $this->appSecret = $appSecret;

  }



  public function getSignPackage($url) { //这里接收刚才传过来的url

    $jsapiTicket = $this->getJsApiTicket();



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

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

    //把原来获取url的方式给注释掉,需要使用前台传过来的url值
    //$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 = json_decode($this->get_php_file("jsapi_ticket.php"));

    if ($data->expire_time < time()) {

      $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;

    }

    return $ticket;
  }



  private function getAccessToken() {

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

    $data = json_decode($this->get_php_file("access_token.php"));

    if ($data->expire_time < time()) {

      // 如果是企业号用以下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));

      $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;

    }

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

  }

}

前端js代码:

//需要引入的微信js文件
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
  //页面加载完就执行下面分享的函数
  configWechatShare();
});

function configWechatShare(){
    //微信分享配置
    var href=encodeURIComponent(window.location.href.split('#')[0]); //这个url需要进行相应的处理之后才能转送到后台
    // console.log(href);
    var shareTitle="分享的标题";
    var shareDes="分享的描述";
    var shareLogo="http://www.dcmdf.com/Public/Homes/imageg/shareLogo.jpg"; // 分享的logo的url 尺寸300*300
    var shareLink="http://www.dcmdf.com"; //分享的链接

    $.ajax({
//上面第一段代码的url,需要去那里请求微信返回的加密签名        url:'http://www.dcmdf.com/index.php/Home/Index/wechat',
        dataType:"json",
        type:"POST",
        data:{"url":href},
        success:function(json){
            // console.log(json)
            wx.config({
                debug: false, // 进行调试的时候打开,会把报错信息alert出来
                appId: json.appId,
                timestamp: json.timestamp,
                nonceStr: json.nonceStr,
                signature: json.signature,
                //你需要的接口列表
                jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage']
            });
            // console.log(wx.config)
        }
    });

    var options={
        title: shareTitle,
        link: shareLink,
        desc:shareDes,
        imgUrl: shareLogo,
        success: function () {

         console.log("aaaaaaa")
        },
        cancel: function () {
            console.log("失败")
        }
    };
   wx.ready(function(){
        wx.onMenuShareAppMessage(options);
        wx.onMenuShareTimeline(options);
   });
   wx.error(function(res){
        console.log("失败");
   });
};

上面是前台通过ajax调用获取加密签名方式的所有代码,如果是直接用php直接返回加密签名就更简单了,不用往后台传送url了,jssdk里的url可以直接使用官方给的那种方式就可以

.