微信如何自定義連結分享並生成卡片圖文(標題,圖片,內容,連結自定義分享)
導語:最近很多人問我微信如何去自定義分享出帶logo和標題描述的連結,這裡我把方法告訴大家:
必要的前提準備
- 微信認證過的公共號
必須是認證過的,未認證或者認證過期都不行
- 一個域名
需要備案過的
- 一臺伺服器
因為前端頁面需要的
appId
、signature
是需要後臺傳遞過來的。官方預設後臺程式有PHP
、Python
、Node
、Java
版本,不過我這裡以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>
網上也有直接生成的方法,這裡舉例 - 飛哥工具,大家自己去試!
去這裡填寫資訊後,點選生成後,填寫標題,連結,描述和圖示後,在微信環境下開啟後,按右上角分享到好友或者群即可生成自定義跳轉連線。
效果圖如下: