静态html调用微信sdk实现分享.

升平网络工作室

微信已出新的分享Api ，自己去看官网.

引入 js 文件

1. <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
   
2. <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

复制代码

html 页 写 js

1.     <script>   
   
2.   var url=encodeURIComponent(window.location.href.split('#')[0]);
   
3.   $.ajax({   
   
4.     type : "get",   
   
5.     url : "http://xxx/jssdk.php?url="+url,//替换网址，xxx根据自己jssdk文件位置修改   
   
6.     dataType : "jsonp",   
   
7.     jsonp: "callback",   
   
8.     jsonpCallback:"success_jsonpCallback",   
   
9.     success : function(data){
   
10.         console.log(data);
    
11.         wx.config({   
    
12.             debug:true,   //debug 生产环境改为 false
    
13.             appId:data.appId,   
    
14.             timestamp:data.timestamp,   
    
15.             nonceStr:data.nonceStr,   
    
16.             signature:data.signature,  
    
17.             jsApiList: [   
    
18.                "onMenuShareTimeline", //分享给好友   
    
19.                "onMenuShareAppMessage", //分享到朋友圈   
    
20.                "onMenuShareQQ",  //分享到QQ   
    
21.                "onMenuShareWeibo" //分享到微博   
    
22.             ]   
    
23.         });
    
24. },   
    
25.     error:function(data){   
    
26.         alert("连接失败！");   
    
27.     }   
    
28. });
    
29. wx.ready(function (){
    
30.   var shareData = {
    
31.   title: '测试',
    
32.   desc: '测试简介.',//这里请特别注意是要去除html
    
33.   link: 'http://www.baidu.com',//分享链接
    
34.   imgUrl:'图片路径'
    
35.   };
    
36.   wx.onMenuShareAppMessage(shareData);
    
37.   wx.onMenuShareTimeline(shareData);
    
38.   wx.onMenuShareQQ(shareData);
    
39.   wx.onMenuShareWeibo(shareData);
    
40. });
    
41. </script>

复制代码

jssdk.php

1. <?php
   
2. $url = $_GET['url'];
   
3. class JSSDK {
   
4.   private $appId;
   
5.   private $appSecret;
   
6.   private $url;
   
7.   public function __construct($appId, $appSecret,$url) {
   
8.     $this->appId = $appId;
   
9.     $this->appSecret = $appSecret;
   
10. $this->url = $url;
    
11.   }
    
12.   public function getSignPackage() {
    
13.     $jsapiTicket = $this->getJsApiTicket();
    
14.     $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
    
15.    // $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    
16. $url =$this->url;
    
17.     $timestamp = time();
    
18.     $nonceStr = $this->createNonceStr();
    
19.     // 这里参数的顺序要按照 key 值 ASCII 码升序排序
    
20.     $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
    
21.     $signature = sha1($string);
    
22.     $signPackage = array(
    
23.       "appId"     => $this->appId,
    
24.       "nonceStr"  => $nonceStr,
    
25.       "timestamp" => $timestamp,
    
26.       "signature" => $signature,
    
27.       "rawString" => $string
    
28.     );
    
29.     return $signPackage;
    
30.   }
    
31.   private function createNonceStr($length = 16) {
    
32.     $chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
    
33.     $str = "";
    
34.     for ($i = 0; $i < $length; $i++) {
    
35.       $str .= substr($chars, mt_rand(0, strlen($chars) - 1), 1);
    
36.     }
    
37.     return $str;
    
38.   }
    
39.   private function getJsApiTicket() {
    
40.     // jsapi_ticket 应该全局存储与更新，以下代码以写入到文件中做示例
    
41.     $data = json_decode(file_get_contents("jsapi_ticket.json"));
    
42. 
    
43.     if ($data->expire_time < time()) {
    
44.         
    
45.       $accessToken = $this->getAccessToken();
    
46.       
    
47.       // 如果是企业号用以下 URL 获取 ticket
    
48.       // $url = "https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";
    
49.       $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
    
50.       $res = json_decode($this->httpGet($url));
    
51.       $ticket = $res->ticket;
    
52.       if ($ticket) {
    
53.         $data->expire_time = time() + 7000;
    
54.         $data->jsapi_ticket = $ticket;
    
55.         $fp = fopen("jsapi_ticket.json", "w");
    
56.         fwrite($fp, json_encode($data));
    
57.         fclose($fp);
    
58.       }
    
59.     } else {
    
60.         
    
61.       $ticket = $data->jsapi_ticket;
    
62.     }
    
63.    
    
64.     return $ticket;
    
65.   }
    
66.   private function getAccessToken() {
    
67.     // access_token 应该全局存储与更新，以下代码以写入到文件中做示例
    
68.     $data = json_decode(file_get_contents("access_token.json"));
    
69.     if ($data->expire_time < time()) {
    
70.         
    
71.       // 如果是企业号用以下URL获取access_token
    
72.       // $url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";
    
73.       
    
74.       $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$this->appId&secret=$this->appSecret";
    
75.       $res = json_decode($this->httpGet($url));
    
76.       $access_token = $res->access_token;
    
77.       if ($access_token) {
    
78.         $data->expire_time = time() + 7000;
    
79.         $data->access_token = $access_token;
    
80.         $fp = fopen("access_token.json", "w");
    
81.         fwrite($fp, json_encode($data));
    
82.         fclose($fp);
    
83.       }
    
84.     } else {
    
85.       $access_token = $data->access_token;
    
86.     }
    
87.     return $access_token;
    
88.   }
    
89.   
    
90. 
    
91.   
    
92.   private function httpGet($url) {
    
93.     $curl = curl_init();
    
94.     curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
    
95.     curl_setopt($curl, CURLOPT_TIMEOUT, 500);
    
96.     curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
    
97.     curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false);
    
98.     curl_setopt($curl, CURLOPT_URL, $url);
    
99.     $res = curl_exec($curl);
    
100.     curl_close($curl);
     
101.     return $res;
     
102.   }
     
103. }
     
104. $jssdk = new JSSDK("AppId", "AppSecret",$url);//按照自己的公众号填写
     
105. $signPackage = $jssdk->GetSignPackage();
     
106. $tmp=json_encode(array ('appId'=>$signPackage["appId"],'timestamp'=>$signPackage["timestamp"],'nonceStr'=>$signPackage["nonceStr"],'signature'=>$signPackage["signature"]));
     
107. $callback = $_GET['callback'];
     
108. echo $callback.'('.$tmp.')';
     
109. exit;
     
110. ?>

复制代码

提示
4.1 公众号设置js域名.
4.2 MP_verify_1PD63C7oVxdoEKCF.txt 传到相应目录.
4.3 白名单设置.

其他问题请留言.