微信分享自定義標題、圖片、鏈接的最新html代碼

gzwnzss

使用本文教程，必須滿足幾個條件：
1、項目域名必須備案（想要使用微信的接口都必須要域名是備案的）
2、認證過的公眾號   
3、能運行PHP文件的環境

滿足上面幾個條件的話，請接著往下看：
教程

第一步
下載相關代碼文件   網頁調用微信js-sdk分享接口(1.4.0)  

游客，如果您要查看本帖隱藏內容請回復

第二步
將上步下載的accessToken文件夾上傳網站目錄中（路徑自定義）

第三步
登錄微信公眾號平臺（需要有認證的公眾號）
1、設置-公眾號設置-功能設置-JS接口安全域名（域名需要備案的）
2、開發-基本設置-IP白名單（添加IP白名單后才能調用接口）

第四步
進入accessToken文件夾，打開signPackage.php，將微信公眾號的AppID、AppSecret填入對應的位置
示例代碼：

1. <?php
   
2. // 實現微信分享功能
   
3. // 通過script標簽引入該文件，通過url參數傳遞原網頁的完整url
   
4. error_reporting(0);
   
5. $queryString = $_SERVER["QUERY_STRING"];// 獲取PHP后的網址參數，格式為：originUrl=...
   
6. $url = substr($queryString,10);// 截取原網頁的完整url
   
7. require_once "jssdk.php";
   
8. $jssdk = new JSSDK("AppID", "AppSecret", $url);// 改為自己公眾號的AppID、AppSecret
   
9. $signPackage = $jssdk->GetSignPackage();
   
10. echo "var signPackage=";
    
11. die(json_encode($signPackage));// 返回微信分享所需參數
    
12. ?>

復制代碼

第五步
在需要調用微信自定義分享接口的html頁面添加如下代碼

1. <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
   
2. <script>document.write("<script src='accessToken/signPackage.php?originUrl=" + window.location.href + "' type='text/javascript'><\/script>");</script>
   
3. <script>
   
4.     var baseUrl = "https://www.uw7.cn/";
   
5.     var wxData = {
   
6.       "imgUrl" : baseUrl + 'logo.png',//分享縮略圖
   
7.       "link"   : baseUrl + 'welcome.html',//分享的鏈接
   
8.       "title"  : '接單：網站，公眾號，小程序等業務',//分享朋友標題
   
9.       "title2"  : 'QQ：4175455',//分享朋友圈標題
   
10.       "desc"   : '價格美麗'//分享朋友的文案
    
11.     };
    
12.     wx.config({
    
13.     debug: false,
    
14.     appId: signPackage.appId,
    
15.     timestamp: parseInt(signPackage.timestamp),
    
16.     nonceStr: signPackage.nonceStr,
    
17.     signature: signPackage.signature,
    
18.     jsApiList: [
    
19.     'updateAppMessageShareData',
    
20.         'updateTimelineShareData'
    
21.     ]
    
22.     });
    
23.     wx.ready(function () {
    
24.     wx.updateTimelineShareData({
    
25.     title: wxData.title2,
    
26.     link: wxData.link,
    
27.     imgUrl: wxData.imgUrl,
    
28.     success: function () {
    
29.     }
    
30.     });
    
31.     wx.updateAppMessageShareData({
    
32.     title: wxData.title,
    
33.     desc: wxData.desc,
    
34.     link: wxData.link,
    
35.     imgUrl: wxData.imgUrl,
    
36.     type: 'link',
    
37.     dataUrl: '',
    
38.     success: function () {
    
39.     }
    
40.     });
    
41.     });
    
42. </script>

復制代碼

gzwnzss

可免費幫忙部署

sdlaobing

支持學習了.只是覺得那個能夠版更換圖片嗎?

panwf

看看是不是需要的

老申的幸福生活

事大是大是大阿薩順豐到付

pcinstall

kk

頑童不老

支持一個。

sosoba

我是來學習的

ywofs

多謝分享

新化文印網

學習一下，謝謝分享