分享！微信自定义分享链接的标题（描述和图片）都是怎么实现的？

2024-05-11 08:13:25

自定义微信链接是什么？

自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片，并且该卡片的标题，内容和图片都可以自己编辑。如下图效果

● 自定义网页链接示例（带标题，内容简介，缩略图）

● 未自定义的网页链接

如上图，如果不做相关处理，页面进行二次分享，用户看到的要么就是链接，要么就是没有内容介绍＋空图，上面显示的文案实际上是获取的title标签中的文案，我在网上查的相关例子有说明，图片如果不设置，将会自动获取浏览器渲染的第一张图片，经过个人测试，并没有实现（朋友圈同理，不做图片展示）。

解决方案

要达到上图自定义文案与图标的效果，必须要采用微信提供的JS-SDK，微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。可参考微信JS-SDK说明文档。

具体步骤如下：

1、准备一个备案的域名和空间，绑定域名到该空间去

2、登录微信公众平台，进入“公众号设置”的功能设置里面填写js接口安全域名，这个是要填写的是你微信浏览器要打开的域名地址，不能添加IP地址。

3、引入js文件，在需要调用js接口的页面接入JS文件。

http://res.wx.qq.com/open/js/jweixin-1.2.0.js

4、通过config接口注入权限并验证配置（这一步算是整个步骤中最关键的一步，必须正确的配置信息才可以进行调用JS-SDK。

wx.config({

分享！微信自定义分享链接的标题（描述和图片）都是怎么实现的？相关推荐

php 点击按钮触发微信分享,微信自定义分享-PHP
一:首先在公众号管理后台"公众号设置"的"功能设置"里填写JS接口安全域名二:在需要调用JS接口的页面引入微信JSSDK的JS文件:http://res.wx ...
php 微信自定义分享,微信自定义分享（php方法）
首先拥有一个微信公众号,企业认证的,获取接口权限.如下图所示: 其次拥有一台服务器,备案号的域名因为前端页面需要的appId.signature是需要后台传递过来的. 第一步:绑定域名先登录微信公 ...
微信自定义分享--失效问题
微信自定义分享微信自定义分享到朋友圈/朋友失效问题微信自定义分享到朋友圈 wx.onMenuShareTimeline({title: '', // 分享标题link: '', // 分享链接,该 ...
微信自定义分享卡片链接的解决方案（可自定义标题描述图片）
微信自定义分享卡片链接的解决方案(可自定义标题描述图片) 参考文章: (1)微信自定义分享卡片链接的解决方案(可自定义标题描述图片) (2)https://www.cnblogs.com/rg ...
typecho图标_Typecho微信自定义分享插件WeChatShare 自定义标题描述小图标
前言张小龙带领微信走进了大众的生活,在十亿用户的生活里扎根.于是我们不管是阅读.聊天.看视频,基本上都离不开微信.好东西分享给用户,第一时间想到的肯定是微信. 很久以前,一个网页分享到微信聊天,系统 ...
微信自定义分享标题、描述关键词限制（红包）
项目中微信自定义分享, 分享朋友圈:自定义缩略图,标题,链接正常. 分享朋友,标题,链接正常.缩略图自己可以看见,朋友却看不见. 开始查找代码正确性,查找微信开发jssdk,查看公众号权限.均正常,看 ...
h5页面生成图片分享到微信js_H5微信自定义分享链接（设置标题+简介+图片）
起源:最近公司在做招募广告的html5页面,然后做出来后,产品提出一个问题,需要分享出去的链接是卡片形式,内容也要自己定义,这下就难到我了,因为是第一次遇到这种需求,果断百度,然而,我就像大家一样,看 ...
微信自定义分享功能二次封装
我原本是纯后端开发,但是最近因为工作原因,做了微信公众号的二次开发,说实话写H5调CSS调得头大,还是得术业有专攻才行.话不多说,因为要做微信自定义分享,网上其实已经有很多轮子了,但是100个人就有1 ...
php 微信分享功能_基于thinkPHP实现的微信自定义分享功能
这篇文章主要介绍了基于thinkPHP实现的微信自定义分享功能,结合实例形式分析了thinkPHP调用微信接口实现自定义分享功能的相关操作技巧,需要的朋友可以参考下本文实例讲述了基于thinkPHP ...
微信自定义分享限制分享
微信自定义分享&限制分享一.微信自定义分享 [ (*￣︶￣)微信官方文档 ] 业务需求: 开发过程中有些业务需要借助微信进行推广和宣传.难免需要使用微信提供的一些功能,比如微信的二次分享(也 ...

最新文章

热门文章