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

gzwnzss

使用本文教程，必須滿足幾個(gè)條件：
1、項(xiàng)目域名必須備案（想要使用微信的接口都必須要域名是備案的）
2、認(rèn)證過的公眾號(hào)   
3、能運(yùn)行PHP文件的環(huán)境

滿足上面幾個(gè)條件的話，請(qǐng)接著往下看：
教程

第一步
下載相關(guān)代碼文件   網(wǎng)頁(yè)調(diào)用微信js-sdk分享接口(1.4.0)  

游客，如果您要查看本帖隱藏內(nèi)容請(qǐng)回復(fù)

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

第三步
登錄微信公眾號(hào)平臺(tái)（需要有認(rèn)證的公眾號(hào)）
1、設(shè)置-公眾號(hào)設(shè)置-功能設(shè)置-JS接口安全域名（域名需要備案的）
2、開發(fā)-基本設(shè)置-IP白名單（添加IP白名單后才能調(diào)用接口）

第四步
進(jìn)入accessToken文件夾，打開signPackage.php，將微信公眾號(hào)的AppID、AppSecret填入對(duì)應(yīng)的位置
示例代碼：

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

復(fù)制代碼

第五步
在需要調(diào)用微信自定義分享接口的html頁(yè)面添加如下代碼

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"  : '接單：網(wǎng)站，公眾號(hào)，小程序等業(yè)務(wù)',//分享朋友標(biāo)題
   
9.       "title2"  : 'QQ：4175455',//分享朋友圈標(biāo)題
   
10.       "desc"   : '價(jià)格美麗'//分享朋友的文案
    
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>

復(fù)制代碼

gzwnzss

可免費(fèi)幫忙部署

sdlaobing

支持學(xué)習(xí)了.只是覺得那個(gè)能夠版更換圖片嗎?

panwf

看看是不是需要的

老申的幸福生活

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

pcinstall

kk

頑童不老

支持一個(gè)。

sosoba

我是來學(xué)習(xí)的

ywofs

多謝分享

新化文印網(wǎng)

學(xué)習(xí)一下，謝謝分享