Pbootcms速成建站

pbootcms微信分享至朋友圈/好友用户 自定义微信分享标题/描述/缩略图

PBOOTCMS微信分享背景

今天在弄一个网站维护托管页面的时候,需要分享至微信朋友圈和微信好友;常规的网页默认分享后只是显示的标题和URL链接,看起来有些土;如下图:

通过pbootcms分享朋友圈和好友的关键词在百度里面找了一下,的确发现有两个网站有这方面的说明,但是其中一个是要付费50大洋才可以;而另外一个分享的内容却有问题,根本不能实现目标效果;

PBOOTCMS微信分享目标效果

故自己琢磨了半个小时,经测试实现了效果;最后分享效果如下:

title: '企业网站代维顾问服务_付涛纪实阁|客服热线:13923452579', // 标题可自定义
desc: '从事互联网14年行业经验,售后团队时刻为您的网站使用问题排忧解难,无论是网站维护还是功能拓展或者是品牌服务推广,我们用心来对待我们的每一个客户!', // 描述可自定义
link: 'https://www.yunxiaosoft.com/pages_41.html', // 分享的URL,必可自由定义或调用当前页面链接
imgUrl: 'https://www.yunxiaosoft.com/images/9.png' // 缩略图地址,可自由定义亦可调用当前页面缩略图

PBOOTCMS微信分享执行过程

第一步:查看通过认证的微信公众号AppId,AppSecret以及进行地JS接口安全域名绑定

第二步:添加微信分享代码

<!--微信分享开始-->
<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.yunxiaosoft.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,
			appId: d,
			timestamp: i,
			nonceStr: t,
			signature: n,
			jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage">
		}), 
		wx.ready(function() {
			wx.onMenuShareTimeline({
				title: '企业网站代维顾问服务_付涛纪实阁|客服热线:13923452579',	//	标题
				desc: '从事互联网14年行业经验,售后团队时刻为您的网站使用问题排忧解难,无论是网站维护还是功能拓展或者是品牌服务推广,我们用心来对待我们的每一个客户!',	//	描述
				link: 'https://www.yunxiaosoft.com/pages_41.html',	//	分享的URL,必须和当前打开的网页的URL是一样的
				imgUrl: 'https://www.yunxiaosoft.com/images/9.png'	//	缩略图地址/可
			}), 
			wx.onMenuShareAppMessage({
				title: '企业网站代维专家服务_付涛纪实阁|客服热线:13923452579',	//	标题
				desc: '从事互联网14年行业经验,售后团队时刻为您的网站使用问题排忧解难,无论是网站维护还是功能拓展或者是品牌服务推广,我们用心来对待我们的每一个客户!',	//	描述
				link: 'https://www.yunxiaosoft.com/pages_41.html',	//	分享的URL,必须和当前打开的网页的URL是一样的
				imgUrl: 'https://www.yunxiaosoft.com/images/9.png'	//	缩略图地址/可
			})
		})
	}
});
</script>
<!--微信分享结束-->

假设你使用的PBOOTCMS系统,上面代码中标题、描述、链接、缩略图对应的字段可替换为:

title: '{pboot:pagetitle}', // 标题
desc: '{pboot:pagedescription}', // 描述
link: '{pboot:pageurl}', // 分享的URL,必须和当前打开的网页的URL是一样的
imgUrl: '{pboot:siteindex}/{content:ico}' // 缩略图地址/

其中的标签可以根据不同的页面、不同的程序使用不同的标签就,同时将上面代码中的www.yunxiaosoft.com修改为自己网站 域名即可;

第三步:下载wechat.php文件;

文件下载后,直接打开并修改其中的:

    // 步骤1.设置appid和appsecret
    $appid = 'wx65b8fa901952266f'; //此处填写绑定的微信公众号的appid
    $appsecret = 'ae8d07bc9c55e9b74d1450ebb8f65dad'; //此处填写绑定的微信公众号的密钥id

修改其中的APPID与APPSECRET,然后上传到网站根目录下就可以了;

效果演示可查阅:https://www.yunxiaosoft.com/pages_41.html

WEBCHAT.PHP文件下载地址

(2)
【友情提示:】
1、[焦点热议]及其子栏目内容为网络转载,其它栏目内容系作者个人原创文章观点,不代表除作者外的任何第三方观点赞同或支持;
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录,便于日后面对相同问题时候的复盘总结,同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集,请用户下载后24小时内删除,否则引起的争议由使用者承担,与本站无关;
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;
LensNews

抱歉,评论已关闭!