网页在微信中转发，自定义图片和文字

最新推荐文章于 2021-11-23 21:26:36 发布
最新推荐文章于 2021-11-23 21:26:36 发布
阅读量2.7k 收藏
点赞数 1
分类专栏： 微信服务号开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014520797/article/details/92247356
版权
本文详细介绍如何使用微信JS-SDK实现网页在微信环境中自定义分享图文消息，包括所需权限、appid/appsecret设置、服务器IP白名单及JS安全域名配置等关键步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

需求：网页在微信聊天和朋友圈中转发，自定义图片和文字，需要用到微信jssdk。

 

条件：1、认证的订阅号或者认证的服务号，需要有这样的接口权限

          2、appid 和appsecret 
          3、白名单填写部署服务器的ip地址（获取accesstoken时需要）
          4、填写js安全域名，域名为ICP备案域名（网页所在服务器的域名）

微信怎么定制分享链接的标题，内容和图片？
weixin_45597286的博客
09-03 3434
网页分享到微信要怎么才能自定义标题，内容和图片呢？ 需求概述 微信中可以直接转发网页链接，用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友，朋友圈，QQ等。但直接这样分享的话，用户看到的只是一条链接，没有任何的图文内容。 如下图，图1是别人分享给我的链接效果，图2是我分享给别人的效果。两种方案的用户体验我想都不用我多说了，一眼就能看的出来. 方案实现 ...
微信分享网页链接自定义标题，图片,文字描述
Alisane的博客
06-19 2673
我先描述一下该h5的业务场景：想实现微信中的h5页面分享给好友或者是朋友圈时有自定义的标题，描述，分享图片；而不是...如下图 前提条件： 1、请确认公众号已经认证，只有认证的公众号才具有分享相关接口权限 2、登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(需要调用微信接口的h5域名) 3、配置IP白名单，基本配置-公众号开发信息-IP白名单。(调用后台接口的域名) h5实现具体步骤如下：（只有前端部分，别问为啥，因为后端我不会···泪目） 1.页面引入JS-.
微信朋友圈转发第三方网站带缩略图实现
weixin_33910759的博客
04-07 374
前情提要 有时候我们会在朋友圈看到如下两种转发情况：一种是前面带缩略图的 ，一种是无缩略图的，当然有缩略图的不管是从用户体验，还是网站推广运营方都是更优的选择。 那我们看看微信分享朋友圈缩略图是 怎么一回事呢 注：微信6.5.5版本后，微信调整了分享规则。以前的没有通过认证公众号jssdk注入分享的都不是官方认可的分享。 必要前提：① 所打开的分享...
如何实现分享网站文章到微信朋友圈时显示指定缩略图或LOGO
JiuShiWodaK的博客
06-19 1610
微信在分享第三方网站是不显示缩略图和描述的，如下图所示 要解决这个问题必须调用微信JS-SDK接口，下面讲一下如何调用接口 方法一： 第一部分 准备步骤 注册微信公众号。 通过左侧导航“开发”–“基本配置”进入。通过开发者ID及密码调用获取access_token接口时，需要设置访问来源IP为白名单。 配置JS接口安全域名。 通过左侧导航“设置”–“公众号设置”–“功能设置”进入。设置JS接口安全域名后，公众号开发者才可在该域名下调用微信开放的JS接口。 完整代码下载 https://github..
如何在微信分享的网页中显示描述和图片
weixin_44542598的博客
11-23 5483
微信分享网页显示图片和标题隐藏网址 由于项目需要，需要在微信公众号中添加分享，显示图片和标题 这个分享是 需要jssdk 才能 展示图片 和 标题的 开发文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 如果是php开发 ，知道去下载sdk 里面demo 即可 具体操作如下， 如果没有绑定js 完全域名 请绑定域名，下载对应的文件，上传到服务器即可 因为获取token 还有加密 微信sdk都已经写好，可以直
微信公众号网页分享功能开发
zhengyangzkr的博客
04-15 3万+
现在每天都可以看到很多微信分享的链接上面有网站或者商家的自定义的分享标题，和分享链接的描述及分享出去的图像，例如下面的分享出去的链接：                        上面这个是微信的js-SDK页面分享给微信好友在聊天列表中显示的视觉效果。       微信JS-SDK Demo :这个是微信网页分享出去的标题。      微信JS-SDK,帮助第三方为用户提供更优质的移动
【解决方案】微信网页链接分享自定义图片和标题内容
weixin_45601584的博客
09-03 452
网页分享到微信要怎么才能自定义标题，内容和图片呢？ 需求概述 微信中可以直接转发网页链接，用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友，朋友圈，QQ等。但直接这样分享的话，用户看到的只是一条链接，没有任何的图文内容。 如下图，图1是别人分享给我的链接效果，图2是我分享给别人的效果。两种方案的用户体验我想都不用我多说了，一眼就能看的出来. 方案实现 ...
微信自定义分享，网页分享微信实现标题，描述和图片的方法（2020）
zzxxdf的博客
09-10 2070
公司做活动的，每次活动要让用户把活动H5页面分享到微信好友，朋友圈从而裂变，但是分享出来不显示描述和图标，很不正规。如下图： 所以想要实现能够自定义描述和图标的功能。如下图： 网上这方面的教程很多，但是却让我们走了很多弯路。因为大部分文章所说的方法都已经失效，还有一部分文章要么太过于专业，从一开始看不懂，要么讲解不全，模棱两可。如果看到我这篇文章的朋友，建议您不需要再找了，我们吃过这方面亏。安安心心的去研究微信官方公布的文档——《微信JSSDK说明文档》。 准备条件： 1，域名进行备案.
微信分享网页链接怎么自定义图片和文字描述？
weixin_45696810的博客
09-28 3904
微信链接如何自定义图文信息（如标题，小图片和内容）？ 自定义分享链接是什么？ 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片，并且该卡片的标题，内容和图片都可以自己编辑。如下图效果 ● 自定义网页链接示例（带标题，内容简介，缩略图） ● 未自定义的网页链接 如上图，如果不做相关处理，页面进行二次分享，用户看到的要么就是链接，要么就是没有内容...
H5网页如何在微信中自定义分享链接（可设置标题+简介+图片）
dijidi1922的博客
09-19 8731
自定义分享链接是什么？ 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片，并且该卡片的标题，内容和图片都可以自己编辑。如下图效果 ● 自定义网页链接示例（带标题，内容简介，缩略图） ● 未自定义的网页链接 如上图，如果不做相关处理，页面进行二次分享，用户看到的要么就是链接，要么就是没有内容介绍＋空图，上面显示的文案实际上是获取的tit...
C#微信带参二维码海报
04-21
C#微信开发，生成待参二维码合成海报
微信分享网页链接自定义图片和文字描述
热门推荐
走召爱木土的博客
05-18 3万+
今天开发需要微信分享网页链接自定义图片和文字描述,于是网上各种查找资料和各种看手册,遇到了好多坑,不过啃了半天以后终于把问题解决了,以防以后忘记,今天记录一下; 首先,由于微信已经发布了想要分享链接必须调用认证了的公众号的JSSDK接口,所以,像以前的在html页面中的head中放入图片,我试过已经不管用了,当然不是绝对的,但是我这个方法试了多好次,不能用,所以没有办法只好调接口来做这个功能了; ...
将网页分享到微信带有缩略图和简介
daydayUp的博客
02-06 3万+
1.导入微信的js <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"> 2.script type="text/javascript">     var imgUrl = 'http://www.baidu.com/images/share.jpg';  // 分享后展
微信内分享网页自定义标题，图片，描述
哈哈哈
06-22 1万+
背景描述： 公司有个需求，将一个微网站链接，网页，外部网站在微信中打开，然后分享给其他人，但是在分享过程中发现分享完微信中显示的是这样子， 标题有了，但是简介显示网址，图片没有，而我想要的是上面另一种样式。标题，简介和图片都可自定义的。由此产生了这篇文章。 必备要求： 有公众号，公众号必须认证过，如果不确定认证没认证过，就看下图，在微信公众平台https://mp.weix...
微信公众平台网页开发实战--1.微信分享一个网页到朋友圈
weixin_34032779的博客
06-14 217
对微信的JSSDK进行封装一下，创建一份类似的文件结构，增加index.html与shareApi.js文件，结构如图3.3所示。 图3.3 3.2节文件结构另外，提醒读者一下，wxJSSDK.js文件的JSSDK环境配置中，需要更改一下配置参数，代码如下： 01 jsApiList: [ // 其他代码略 02...
微信js-sdk 微信自定义分享显示图片和描述不显示
sunny327的专栏
06-21 1万+
在做h5页面分享时，用到了微信的自定义分享js-sdk 。 有时会不显示自定义的图片和描述。分步骤检查出现的问题： 调用config 接口的时候传入参数 debug: true 可以开启debug模式，页面会alert出错误信息。以下为常见错误及解决方法： 1.invalid url domain当前页面所在域名与使用的appid没有绑定，请确认正确填写绑定的域名，仅支持80（http）和...
微信小程序自定义转发封面
最新发布
01-17
在微信小程序中，为了实现自定义转发封面的功能，主要依赖于`onShareAppMessage`方法。当用户触发页面内的转发按钮时，可以通过配置该函数返回的对象来自定义分享的内容，包括标题、路径、描述以及最重要的图片路径...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值