本文實例講述了微信jssdk分享功能。分享給大家供大家參考，具體如下：
這里以微信分享到朋友圈，分享給微信好友為例為參考，進行調用測試，想添加其他的功能，自行查看開發人員文檔即可
工欲善其事，必先利其器，好好利用下邊的幫助工具，都是騰訊給開發人員的工具
1.微信開發者說明文檔：點擊查看
2.微信web開發者工具：
Windows 64位版本：下載地址
Windows 32位版本：下載地址
Mac版本：下載地址
3.微信jssdk分享sample：點擊下載
4.在線demo：
微信版本6.0以后，原有的weixinjsbridge.on('menu:share:timeline', function (argv) {}不再可在以使用，那如何在使用微信的其他功能呢？官方給出了jssdk的使用，幫助我們解決~
前言：
雖然微信提供了jssdk，但是這不意味著你可以用自定義的按鈕來直接打開微信的分享界面，這套jssdk只是把微信分享接口的內容定義好了，實際還是需要用戶點擊右上角的菜單按鈕進行主動的分享，用戶點開分享界面之后，出現的內容就會是你定義的分享標題、圖片和鏈接。
1.jssdk使用步驟
-
-
- 1.1.2 步驟二：引入js文件
-
-
（$tpl['appid'] $tpl['appsercret']換成你自己?。?/li>
-
-
2.實測圖解：
- 2.1 測試頁面：
-
2.2分享到朋友圈：
2.3分享到朋友圈：
（這個是觸發success的效果,配圖描述寫錯了，抱歉)
（這個是觸發cancel的效果)
2.3調試界面：
3.實測樣例：
后臺代碼(jssdk.php見后邊)：
|
1
2
3
4
5
|
//獲取apptokenrequire_once "jssdk.php";$jssdk = new jssdk($appid,$appsecret);//這里填寫自己的appid 和secret$signpackage = $jssdk->getsignpackage();$this->assign("signpackage",$signpackage); |
js配置代碼
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<script type="text/javascript" src='http://res.wx.qq.com/open/js/jweixin-1.0.0.js'></script> <script type="text/javascript"> wx.config({ debug: false, appid: '{$signpackage["appid"]}', timestamp: '{$signpackage["timestamp"]}', noncestr: '{$signpackage["noncestr"]}', signature: '{$signpackage["signature"]}', jsapilist: [ // 所有要調用的 api 都要加到這個列表中 'checkjsapi', 'onmenusharetimeline', 'onmenushareappmessage', 'onmenushareqq', 'onmenushareweibo', 'onmenushareqzone' ] }); </script> <script type="text/javascript" src='http://203.195.235.76/jssdk/js/zepto.min.js'></script> |
js分享代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<script type="text/javascript"> //完成wx.config，執行這里 wx.ready(function () { //分享到朋友圈 wx.onmenusharetimeline({ title: '1111111', // 分享標題 link:window.location.href, imgurl: "{pigcms:$res['pic']}", // 分享圖標 success: function () { // 分享成功執行此回調函數 alert('success'); }, cancel: function () { alert('cancel'); } }); //分享給朋友 wx.onmenushareappmessage({ title: '22222', // 分享標題 desc: '22222', link:window.location.href, imgurl: "{pigcms:$res['pic']}", // 分享圖標 trigger: function (res) { // 不要嘗試在trigger中使用ajax異步請求修改本次分享的內容，因為客戶端分享操作是一個同步操作，這時候使用ajax的回包會還沒有返回 }, success: function (res) { // 分享成功執行此回調函數 alert('已分享'); }, cancel: function (res) { alert('已取消'); }, fail: function (res) { alert(json.stringify(res)); } }); });</script> |
jssdk類
jssdk.php
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
<?phpclass 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×tamp=$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(); // 如果是企業號用以下 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; return $ticket; } private function getaccesstoken() { // access_token 應該全局存儲與更新，以下代碼以寫入到文件中做示例 // 如果是企業號用以下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; return $access_token; } private function httpget($url) { $curl = curl_init(); curl_setopt($curl, curlopt_returntransfer, true); curl_setopt($curl, curlopt_timeout, 500); curl_setopt($curl, curlopt_ssl_verifypeer, false); curl_setopt($curl, curlopt_ssl_verifyhost, false); curl_setopt($curl, curlopt_url, $url); $res = curl_exec($curl); curl_close($curl); return $res; }} |
希望本文所述對大家php程序設計有所幫助。
原文鏈接：https://blog.csdn.net/ty_hf/article/details/50585727
