Dedehtml.com

织梦文章微信分享带缩略图与简介

摘要:自定义微信分享的效果(自定义缩略图,标题,摘要)样式良好,给用户的体验很好。

没整之前

整了之后

测试效果可以试试我博客文章

准备工作

  • PHP 5.3+ 并且 curl扩展已经开启
  • 微信服务号一个,并且已经通过了实名认证;
  • 一个ICP备案的域名;

操作步骤

1、微信公众号有分享接口权限

2、查看AppId,AppSecret、IP白名单(填你服务器外网IP)、绑定域名

3、文章内容页模板微信分享代码

<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
var url = encodeURIComponent(location.href.split("#")[0]);
$.ajax({
	type: "get",
	url: "https://www.dedehtml.com/wechat.php?link=" + url,
	dataType: "json",
	contentType: "application/json; charset=utf-8",
	success: function(e) {
		var d = e.appid,
			i = e.timestamp,
			t = e.noncestr,
			n = e.signature;
		wx.config({
			debug: 0,//如果分享失败,把0改成1开启错误提示看看
			appId: d,
			timestamp: i,
			nonceStr: t,
			signature: n,
			jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"]
		}), 
		wx.ready(function() {
			wx.onMenuShareTimeline({
				title: "{dede:field.title/}",
				desc: "{dede:field.description/}",
				link: "{dede:global.cfg_basehost/}{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",
				imgUrl: "{dede:global.cfg_basehost/}{dede:field.litpic/}"
			}), 
			wx.onMenuShareAppMessage({
				title: "{dede:field.title/}",
				desc: "{dede:field.description/}",
				link: "{dede:global.cfg_basehost/}{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",
				imgUrl: "{dede:global.cfg_basehost/}{dede:field.litpic/}"
			})
		})
	}
});
</script>

1) 和 2) 网站不是https的要把它改成http

3) 域名换成自己的域名

4、wechat.php文件下载,放在网站根目录

https://pan.baidu.com/s/1FQejrLWYpY5rOwWLe0xg6A

注意 注意 注意

上面的js代码里,2处

link: "{dede:global.cfg_basehost/}{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

其中 {dede:global.cfg_basehost/}

是调用后台-系统-基本参数-站点根网址

 

其中 {dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}

是调用电脑站当前文档链接,如:/news/123.html

不同内容页链接方式写法不一样

1、如果你是手机站内容页,这样的 http://www.dedehtml.com/m/view.php?aid=123

那你应该改成

link: "{dede:global.cfg_basehost/}/m/view.php?aid={dede:field.id/}",

2、如果你是手机站内容页,这样的 http://m.dedehtml.com/view.php?aid=123

那你应该改成

link: "http://m.dedehtml.com/view.php?aid={dede:field.id/}",

3、如果你是手机站内容页,这样的 http://www.dedehtml.com/m/news/123.html

那你应该改成

link: "{dede:global.cfg_basehost/}/m/{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

4、如果你是手机站内容页,这样的 http://m.dedehtml.com/news/123.html

那你应该改成

link: "http://m.dedehtml.com{dede:field.id runphp='yes'}$result=GetOneArchive(@me);@me=$result['arcurl'];{/dede:field.id}",

版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.dedehtml.com/notes/dede-weixinshare.html
(20)
打赏 微信扫一扫 微信 支付宝 QQ 扫码打赏