十载风雨路 · 匠心铸精品

量身定制 追求完美

【干货分享】微信分享自定义标题简介和缩略图教程

 作者:彭sir 发布日期:2021-04-16 10:01:04 浏览:

建站过程中,很多人喜欢通过微信分享自己的网址给朋友或者发送到朋友圈,尤其是一些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的修改,记住图片一定是绝对地址。


教程完毕


下载地址:

链接:https://pan.baidu.com/s/1Swm3dxF0njrZEPAvLFAbzg 

提取码:thvn 


相关新闻

CopyRight 2006-2020 YCNH NETWORK , Inc. All Rights Reserved 专业互联网开发服务提供商-云创年华网络 服务热线:18030990768   蜀ICP备16001235号   网站地图
四川云创年华网络提供绵阳网站建设制作、成品模板、快速仿站、微信小程序开发等服务。

18030990768