星尘博客站-岁月静好,淡定安然

微信分享网址如何自定义标题,说明和图片 / 易优CMS

2021-06-03 阅读 / 作者 /

建站过程中,很多人喜欢通过微信分享自己的网址给朋友或者发送到朋友圈,尤其是一些H5的活动网页,但发现分享出去始终不是那么尽如人意,比如:首先不好看,而且客户也希望自定义标题、说明文字和图片希望是这样:那如何才能实现呢,今天我给大家分享下如何实现当然网

建站过程中,很多人喜欢通过微信分享自己的网址给朋友或者发送到朋友圈,尤其是一些H5的活动网页,但发现分享出去始终不是那么尽如人意,比如:


image.png


首先不好看,而且客户也希望自定义标题、说明文字和图片


希望是这样:


image.png


那如何才能实现呢,今天我给大家分享下如何实现


当然网上也有很多的教程,但我发现都不完善,没有完整的代码,因为要对接微信SDK,如果不是很熟悉的朋友,估计是很难成功的,所以我今天直接上干货,下载我的源码,简单几个设置就可以了。


要完成这个效果,需要以下几个前提条件


1、要有经过认证的企业微信公众号

这个估计很多个人站长就尴尬了,如果没有也可以联系我,通过我们的公众号给你设置。


2、域名需要备案,用二级域名就可以

具备以上前提条件的,就可以下载我的源码,下载后解压如下:


image.png

将WeChat.php放到你的网站根目录

index.hmtl是demo文件,部署到你的项目里


下面具体说下如何修改这两个文件


第一步:

image.png


从微信公众号获取appid 和密钥,填到上面的位置,wechat.php这个文件只需要修改这个即可,修改完成,保存后放到你网站根目录。


第二步

1、设置js安全域名

2、设置ip白名单


这个步骤都在微信公众号里设置


第三步

打开html文件


image.png



将这个页面的网址修改成你需要分享的网址,这个一定要注意和你设置的js安全域名要保持一致哦



image.png


测试的时候可以将debug改成1,方便调试,正式运行的时候改成0


相关标题 、描述、网址、图片链接请按照demo的修改,记住图片一定是绝对地址。


教程完毕


修改文件下载

微信分享网址如何自定义标题,说明和图片(图7)1-21050H33600143.zip



加载中~

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.dwt.cool/eyoucms/168.html