久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區(qū)

標(biāo)題: 微信分享自定義標(biāo)題、圖片、鏈接的最新html代碼 [打印本頁(yè)]
作者: gzwnzss    時(shí)間: 2021-2-14 00:11
標(biāo)題: 微信分享自定義標(biāo)題、圖片、鏈接的最新html代碼
本帖最后由 gzwnzss 于 2021-2-14 00:23 編輯

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

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

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

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

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

第四步
進(jìn)入accessToken文件夾，打開(kāi)signPackage.php，將微信公眾號(hào)的AppID、AppSecret填入對(duì)應(yīng)的位置
示例代碼：
  1. <?php
  2. // 實(shí)現(xiàn)微信分享功能
  3. // 通過(guò)script標(biāo)簽引入該文件，通過(guò)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    時(shí)間: 2021-2-14 23:57
可免費(fèi)幫忙部署
作者: sdlaobing    時(shí)間: 2021-2-15 12:28
支持學(xué)習(xí)了.只是覺(jué)得那個(gè)能夠版更換圖片嗎?
作者: panwf    時(shí)間: 2021-3-4 16:40
看看是不是需要的
作者: 老申的幸福生活    時(shí)間: 2021-6-25 12:50
事大是大是大阿薩順豐到付
作者: pcinstall    時(shí)間: 2021-6-28 12:17
kk
作者: 頑童不老    時(shí)間: 2021-7-4 11:00
支持一個(gè)。
作者: sosoba    時(shí)間: 2021-7-16 13:59
我是來(lái)學(xué)習(xí)的
作者: ywofs    時(shí)間: 2021-10-6 17:48
多謝分享
作者: 新化文印網(wǎng)    時(shí)間: 2021-10-19 10:19
學(xué)習(xí)一下，謝謝分享
作者: 0856    時(shí)間: 2022-4-19 12:38
支持一下！
作者: ldwz    時(shí)間: 2022-5-31 01:40
肉體支持一下！
作者: 永遠(yuǎn)是第一次    時(shí)間: 2022-5-31 15:03
微信分享自定義標(biāo)題、圖片、鏈接的最新html代碼
作者: yzwlo    時(shí)間: 2022-6-5 14:56

學(xué)習(xí)一下，謝謝分享
作者: ehua188    時(shí)間: 2022-6-12 11:35
haiyousha還有啥
作者: xzi_cc    時(shí)間: 2022-6-23 14:35
哈哈哈，看一看
作者: yunzhijun    時(shí)間: 2022-6-25 14:12
先看看再測(cè)試
作者: 馬鞍山生活網(wǎng)    時(shí)間: 2022-8-21 05:10
好的好的好的
作者: ruanlinwu1987    時(shí)間: 2022-8-23 20:17
鏈接的最新html代碼
作者: fafa1990    時(shí)間: 2022-8-28 23:00
給個(gè)贊!!!!!!!!!!!
作者: jane520    時(shí)間: 2022-9-1 20:41
是是是繪事后素
作者: xm198    時(shí)間: 2022-9-6 22:02
好好學(xué)習(xí)，天天向上，感謝分享
作者: uu8651    時(shí)間: 2022-9-9 18:25
研究一下
作者: zhouzhou0913    時(shí)間: 2022-9-17 21:07
謝謝分享
作者: xueyu    時(shí)間: 2022-10-14 21:32
今天試了一天都沒(méi)搞定。
作者: 423126800    時(shí)間: 2022-10-27 16:12
可以用嗎
作者: gay    時(shí)間: 2022-11-4 11:49
aaaaaaaaaaaaaaaaaaaa
作者: cenmoo    時(shí)間: 2022-11-8 14:17
感謝分享
作者: xqlp2001    時(shí)間: 2022-11-21 03:02
好評(píng)！！！！
作者: ldwz    時(shí)間: 2022-12-1 20:37
有演示就好了~
作者: 金黑網(wǎng)絡(luò)    時(shí)間: 2022-12-3 21:43
感謝分享。
作者: garyliang    時(shí)間: 2022-12-4 09:53
有這么簡(jiǎn)單嗎？我要試試
作者: 北極孤星的淚    時(shí)間: 2022-12-7 11:22
支持一下看看
作者: 北極孤星的淚    時(shí)間: 2022-12-7 11:25
下載地址：https://www.uw7.cn/thread-348-1-1.html
打不開(kāi)了啊？？？？？？？？？？？？？？？？？？？？？？？？？
作者: 小襪子    時(shí)間: 2022-12-15 12:28
好帖要多頂頂
作者: lqtg    時(shí)間: 2023-1-6 14:59
回復(fù)真是騙錢
作者: 笑三少    時(shí)間: 2023-1-6 17:33
學(xué)習(xí)下，看行不行。
作者: bbroot    時(shí)間: 2023-1-9 10:50
謝謝分享
作者: 幸福班主任    時(shí)間: 2023-1-10 12:30
學(xué)習(xí)下，學(xué)習(xí)大神的分享！
作者: 287207350    時(shí)間: 2023-2-18 23:36
學(xué)習(xí)學(xué)習(xí)
作者: 2712750795    時(shí)間: 2023-3-16 16:47
看看是不是需要的
作者: 大師兄快修    時(shí)間: 2023-4-2 19:09
看看效果咋樣
作者: xuqiao    時(shí)間: 2023-4-5 17:26
可免費(fèi)幫忙部署
作者: の往事    時(shí)間: 2023-4-14 17:16
謝謝樓主謝謝樓主謝謝樓主
作者: qwexiamen    時(shí)間: 2023-4-17 14:19
支持一下
作者: yuck008    時(shí)間: 2023-5-16 18:23
正需要呢，感謝！
作者: yjc2688    時(shí)間: 2023-5-30 14:54
需要分享功能
作者: thinknet    時(shí)間: 2023-7-2 16:21
看看行不行
作者: secondday    時(shí)間: 2023-7-5 12:55
支持學(xué)習(xí)一下
作者: wanye    時(shí)間: 2023-7-17 15:14
正好需要！
作者: ceres    時(shí)間: 2023-7-19 15:36
感謝分享 來(lái)學(xué)習(xí)一下
作者: happy1964    時(shí)間: 2023-7-20 19:26
這個(gè)內(nèi)容寫的實(shí)在是太棒了
作者: svihua    時(shí)間: 2023-7-21 10:35
像大佬學(xué)習(xí)
作者: Timiy    時(shí)間: 2023-8-17 01:41
微信分享自定義標(biāo)題
作者: zgycgc    時(shí)間: 2023-8-18 22:07
分享，謝謝
作者: Cocozeng2022    時(shí)間: 2023-10-25 08:44
我來(lái)看看
作者: 海哥    時(shí)間: 2023-10-26 10:41
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 云加速    時(shí)間: 2023-11-2 02:31
看看是什么情況的
作者: 海哥    時(shí)間: 2023-11-3 18:38
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 付興森    時(shí)間: 2024-1-8 18:16
作者: 一牛網(wǎng)    時(shí)間: 2024-1-9 10:12
動(dòng)次打次動(dòng)次打次
作者: 一牛網(wǎng)    時(shí)間: 2024-1-9 10:13
鏈接訪問(wèn)不了了
作者: littleleague    時(shí)間: 2024-1-10 22:56
我要看看
作者: amw111    時(shí)間: 2024-1-11 10:58
滿足上面幾個(gè)條件的話，請(qǐng)接著往下
作者: danhuangyou    時(shí)間: 2024-2-22 13:21
微信分享自定義標(biāo)題、圖片、鏈接的最新html代碼
作者: ?情?魔?    時(shí)間: 2024-2-22 14:50
學(xué)習(xí)一下哦
作者: jinsendou    時(shí)間: 2024-4-20 15:27
學(xué)習(xí)學(xué)習(xí)
作者: WELIANG    時(shí)間: 2024-4-27 11:51
看看唄，謝謝分享
作者: 安迪燈都幫    時(shí)間: 2024-5-5 12:08
請(qǐng)問(wèn)現(xiàn)在還能用嗎？
作者: jzanananan    時(shí)間: 2024-5-17 17:31
分享朋友圈標(biāo)題
作者: amw111    時(shí)間: 2024-5-18 02:36
自定義HTML自定義HTML自定義HTML
作者: 陳國(guó)斌    時(shí)間: 2024-5-25 11:43
看看能不能在自己網(wǎng)站部署
作者: 2209575220    時(shí)間: 2024-5-28 05:10
支持學(xué)習(xí)了
作者: 18512891189    時(shí)間: 2024-5-29 11:56
感謝分享感謝分享感謝分享感謝分享
作者: halex    時(shí)間: 2024-7-30 17:16
厲害
作者: 華CZ    時(shí)間: 2024-7-31 14:21
看下·········
作者: ?逍遙???    時(shí)間: 2024-8-2 17:28
  DISMALL  在哪里 啊  
作者: 徐雷    時(shí)間: 2024-8-4 17:52
Thanks for sharing
作者: 重勇(張飛)    時(shí)間: 2024-8-8 08:48
多謝分享
作者: 半導(dǎo)貼吧    時(shí)間: 2024-8-18 13:49
半導(dǎo)貼吧，共享芯未來(lái)。
作者: 曾經(jīng)歲月    時(shí)間: 2024-8-28 09:05
非常實(shí)用，一直想要這個(gè)功能！
作者: yxmsvip    時(shí)間: 2024-8-28 10:49
要不一個(gè)插件還得幾十大洋
作者: 云加速    時(shí)間: 2024-10-11 16:45
我看看是什么
作者: fjw1320    時(shí)間: 2025-3-17 18:24
學(xué)習(xí)。。。。。。。。。。。。。。。



歡迎光臨 Discuz! 官方交流社區(qū) (http://www.9999xn.com/) Powered by Discuz! W1.0