1. 程式人生 > 實用技巧 >微信如何自定義連結分享並生成卡片圖文(標題,圖片,內容,連結自定義分享)

微信如何自定義連結分享並生成卡片圖文(標題,圖片,內容,連結自定義分享)

導語:最近很多人問我微信如何去自定義分享出帶logo和標題描述的連結,這裡我把方法告訴大家:

必要的前提準備

  1. 微信認證過的公共號
    必須是認證過的,未認證或者認證過期都不行
  2. 一個域名
    需要備案過的
  3. 一臺伺服器
    因為前端頁面需要的appIdsignature是需要後臺傳遞過來的。官方預設後臺程式有PHPPythonNodeJava版本,不過我這裡以PHP作為演示(後臺其實不在本文的解釋範圍內,超綱了╮(╯▽╰)╭)

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

<script>

wx.config({

debug: false,

//appId: 'wx25367cbe46c663ce',

appId: 'wxf7fec0959c803687',

timestamp: '1498633006',

nonceStr: '111',

signature: 'c87cc9146ac59d51f36b9567563aa9eebb1fb120',

jsApiList: [

'onMenuShareTimeline',

'onMenuShareAppMessage'

]

});

wx.ready(function () {

var shareData = {

title: 'http:///a',

desc: 'http:///a',

//www.wxticket.com

link: 'http://vip.kakuapi.com/',

imgUrl: 'https://tva1.sinaimg.cn/large/006Fzy5igy1g3hey2jw1kj302e02gt8u.jpg'

};

wx.onMenuShareAppMessage(shareData);

wx.onMenuShareTimeline(shareData);

wx.onMenuShareQQ(shareData);

wx.onMenuShareWeibo(shareData);

});

wx.error(function (res) {

alert(res.errMsg);

});

</script>

網上也有直接生成的方法,這裡舉例 - 飛哥工具,大家自己去試!

去這裡填寫資訊後,點選生成後,填寫標題,連結,描述和圖示後,在微信環境下開啟後,按右上角分享到好友或者群即可生成自定義跳轉連線。

效果圖如下: