织梦文章微信分享带缩略图与简介
发布时间:2021-04-30 | 发布者: 东东工作室 | 浏览次数: 次没整之前
整了之后
测试效果可以试试我博客文章
准备工作
-
PHP 5.3+ 并且 curl扩展已经开启
- 微信服务号一个,并且已经通过了实名认证;
- 一个ICP备案的域名;
操作步骤
1、微信公众号有分享接口权限
2、查看AppId,AppSecret、IP白名单(填你服务器外网IP)、绑定域名
3、文章内容页模板微信分享代码,例如 article_article.htm ,可以把分享代码放在最下面</body>前面
<!--如果你的页面上已经有jquery库,请删除下面这一行代码,防止jquery冲突-->
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript">
var url = encodeURIComponent(location.href.split("#")[0]);
$.ajax({
type: "get",
url: "{dede:global.cfg_basehost/}/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: ["updateTimelineShareData", "updateAppMessageShareData"]
}),
wx.ready(function() {
wx.updateTimelineShareData({
title: "{dede:field.title function=html2text(@me)/}",
desc: "{dede:field.description function=html2text(@me)/}",
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.updateAppMessageShareData({
title: "{dede:field.title function=html2text(@me)/}",
desc: "{dede:field.description function=html2text(@me)/}",
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>
4、wechat.php文件下载,zip解压得到wechat.php,放在网站根目录
https:///app.dedehtml.com/wechat.zip
wechat.php 里面的appid和appsecret改成你自己的
注意 注意 注意
上面的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}",
转载请标注:东东工作室——织梦文章微信分享带缩略图与简介