【微信H5】分享出去是链接，不是卡片的原因及解决方案

最新推荐文章于 2025-04-06 22:52:31 发布
最新推荐文章于 2025-04-06 22:52:31 发布
阅读量1.9w 收藏 12
点赞数 13
分类专栏： h5 文章标签： 微信 小程序 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kikikiuu/article/details/122473837
版权

【微信H5】分享出去是链接，不是卡片

微信公众号已配置完域名且已完成微信认证、appid也准确无误

原因

因为这是微信开放全域名访问后出现的限制

解决方案

1.将链接添加至公众号的自定义菜单中，从公众号菜单进入分享
2.扫描二维码分享
3.将链接保存至微信收藏中，从我的收藏进入分享
其余其他地方进入分享都是链接形式

Vue - 最新网页 H5 分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，Vue.js Nuxt.js 通用公众号页面解决方案（超级详细教程）
王二红
10-12 9705
Vue.jsNuxt.jsuni-app最新网页H5右上角分享到微信朋友圈/转发分享给朋友好友/分享到手机QQ/分享到QQ空间，通用公众号页面解决方案（超级详细教程）开启页面分享功能，如何把手机移动端网页设置成可以分享到朋友圈？H5网页怎么分享到微信、朋友圈、QQ和微博里，手机网页实现微信分享,分享朋友圈功能(分享带图片,附源码)，基于vue实现h5页面分享微信以及朋友圈功能(以及兼容iOS)，uni-app使用vue3、ts小程序如何微信分享到朋友和朋友圈发布为H5端时如何实
uni-app - H5 公众号网页分享到微信朋友圈 / 转发分享给朋友好友 / 分享到手机 QQ / 分享到 QQ 空间，给微信分享卡片设置图标、标题、描述文字等（JS-SDK 通用解决方案放心用）
王二红
02-11 8431
uniappH5微信浏览器分享到朋友圈设置分享图标，uniapp,h5微信如何分享页面，完整设置分享链接图片简介，Uniapp发布为H5端时如何实现微信分享给好友及分享到朋友圈功能，如何把手机移动端网页设置成可以分享到朋友圈？H5网页怎么分享到微信、朋友圈、QQ和微博里，手机网页实现微信分享,分享朋友圈功能，uniappH5网站在微信浏览器中进行分享、分享朋友圈功能，uniappH5微信公众号分享设置标题描述logo图标，uniappH5网页微信分享自定义标题内容图片，uniappH5微信分享API
h5微信分享只是链接，没有卡片
timebeign的博客
04-22 1232
微信H5已成功接入，微信api以及配置项验证正常，通过手机微信里面链接打开页面进行分享，分享出去的还是链接。原因：全域名开放（即微信可访问淘宝、支付宝等友商的链接）造成的；3、公众号图文消息进入。5、公众号原文链接进入。
最新解决方案:微信分享只有链接网址，不显示分享卡片和分享图片开发工具中正常没有报错-2023年7月
橙-极纪元-JJYCheng
07-14 4233
微信分享只有链接网址，不显示分享卡片和分享图片开发工具中正常没有报错-解决方案
微信网页授权域名限制解决方案：统一/代理授权入口设计
wangchl0932的博客
03-10 954
通过授权代理服务，解决微信网页授权回调域名配置数量限制
微信H5网页分享只显示链接处理办法
qq_31151123的博客
07-27 5462
分享到QQ和QQ空间是正常的，但是分享给朋友和分享到朋友圈就是链接如下图​​​​​​​。c.微信收藏需要分享的链接，从微信收藏处进去后再分享就可以了。a.要分享的链接使用二维码生成后再分享,就可以图文分享了。b.在微信公众号菜单打开链接进行分享。1.在微信中配置好相关接口后。...
微信分享功能、微信分享不是卡片，没有小图（缩略图）
m0_65069309的博客
09-12 956
然后就会出现自定义标题 内容 图片的显示问题，首先要确认，分享链接是不是配置过安全域名，打开debug:true 会有这个 ↓ ，找后端配置安全域名就可以。然后就是关于坑了，挺难受的问题，有比较多的坑存在我这里只写我遇到的，别的问题可以去微信开发社区里找找解决方式。--- 用 可能需要在用的地方引用一下也可能不需要，我这里两个项目，一个有引用一个没有都引用。--- index.html 中引用微信 jsdk。--- 封装为 wxShare.js。=== 下方图片百度中随便找的例子图。
uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案
qq_37962440的博客
08-22 2204
uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案
微信h5卡片链接分享开发
jioulongzi的专栏
10-11 2247
这段时间有个需求，大概是老板看到别人发的产品链接是卡片形式展示的，而我们分享出去就是个http链接，感觉不太靠谱。微信官方文档地址： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html于是就改呗。这里做下开发记录，以备后需。
解决h5网页微信分享链接不能显示缩略
weixin_34414196的博客
04-28 706
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript"> var imgUrl = 'http://cdn-app-qn.colorv....
微信内H5页面自定义分享功能vue3（解决H5页面分享朋友圈,debug一直是ok,分享内容是一段链接问题）
qq_53816329的博客
02-21 1357
在接入微信 JS-SDK 并进行相关分享功能开发时，很多文档都详细讲解了如何引入微信 JS-SDK 文件、如何配置 config 参数以及如何调用分享接口。然而，即便按照文档提供的步骤正确配置了所有内容，仍然可能出现分享出去的只是一个简单的链接，而不是你预期的具体内容（如图片、标题、描述等）。这种问题常常是由于以下几个原因引起的：JS-SDK 配置不完整或错误：确保你在调用分享接口前正确配置了 wx.config，并且权限签名（jsapi_ticket）以及其他必要参数正确无误。
H5微信分享 朋友 分享给朋友圈 vue 踩坑实战，附注意事项 及 解决方案
晴天有点孤单
03-16 2066
最近有一个微信分享的功能，恰逢疫情期间远程办公，然后家里的笔记本比较拉闸本地环境不完善，然后远程办公只能推代码到测试环境调试，博主也是比较难受，日渐憔悴，一周没对接好的问题，好在到了公司一下午就调试好了，废话不多说了 分享成功失败的对比微信截图如下 在这之前 主要代码 getShareInfo (tit, fxUrl) {//如果分享的内容会根据情况变化，那么这里可以传入分享标题及url ...
vue/uniapp - 强力解决微信分享链接URL网页或网站文章到微信好友或微信朋友圈时，分享参数图片缩略图不显示问题，解决微信分享链接不能显示缩略（微信分享缩略图无法显示的解决办法，详细解决方案）
最新发布
高级前端工程师
04-06 1万+
vue，uni-app，微信公众号网页，分享网页链接到微信朋友圈，分享链接，在微信中不显示缩略图，自定义缩略图不显示怎么办，分享卡片缩略图偶尔显示不出，微信分享网页链接缩略图不显示，微信分享缩略图无法显示的解决办法，解决微信分享链接不能显示缩略，微信分享朋友圈没有获取标题描述，VUE微信分享链接或网站文章到微信朋友圈,缩略图片不显示，h5微信分享只是链接，没有卡片，微信分享网页 图标不显示，微信分享链接的缩略图和标题，微信分享链接或网站文章到微信朋友圈，缩略图片不显示解决，如何在微信朋友圈分享网页内容的时候
微信小程序分享H5页面会出现当前页面不存在的解决方案
时光叫我别恋他01
07-05 1万+
1、问题原因:出现页面不存在是因为在onShareAppMessage方法里面直接把webViewUrl(获取的h5的路径)直接放在了path里面;    onShareAppMessage里面的path只能放当前项目里面的页面路径，例如pages/index/index。2、解决方法:把当前h5的路径拼接到当前页面的路径中，当传参一样传过去，例如：encodeURIComponent(res.w...
解决微信公众号分享出去的是链接
陈景夏
01-10 9254
原因：响应国家反垄断规章，微信调整可实现访问外链； 异常：现在点击微信聊天发出来的链接，再点分享会直接成为字符串链接形式 解决步骤： 1、使用电脑端的聊天框打开链接； 2、点击右上角“浮窗”按钮 3、再点开“浮窗” 4、进入页面后再点击分享，分享到其他人 5、就会得到以前分享形式的方式 6、再使用手机微信，点击这个分享形式进去；在手机中点分享，就可以完成正常开发分享了 ...
微信网页分享给朋友或朋友圈只有url链接
weixin_51884295的博客
03-15 8405
问题: 移动端微信分享公众号网页出现纯网址,没有卡片,没有标题,描述和图片的情况 此外,通过成功分享的卡片进入页面后再次分享也均为卡片(分享成功的卡片来自pc端分享), 通过链接进入页面分享却无一例外均为链接 解决方法： 1、检查JS接口的引入是否最新版本 2、将之前的接口换成新的：wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone，换成6.7.2及JSSDK ..
微信自定义分享链接信息（标题，图片和内容）实现过程详解
qiangzigame的博客
10-24 3601
网页分享到微信要怎么才能自定义标题，内容和图片呢？ 需求概述 微信中可以直接转发网页链接，用户在微信内置浏览器中打开后可以通过微信浏览器中右上角进行分享到朋友，朋友圈，QQ等。但直接这样分享的话，用户看到的只是一条链接，没有任何的图文内容。 前提： 有两个前提条件的，认证公众号及备案域名，没有这两个可以用这个飞哥工具 http://www.fgcq39.cn/index/index.html 方案实现 要达到上图自定义文案与图标的效果，必须要采用微信提供的JS-SDK，微信JS-S.
微信接口开发，config提示OK，但分享不成功
热门推荐
summonyyq的专栏
07-06 1万+
微信分享朋友圈接口，config提示ok，分享过程中也没有提示任何错误，但就是分享出来没有效果
企业微信群通知api
12-31
### 关于企业微信的通知API #### 群通知接口概述 企业微信提供了多种方式来发送消息给成员或应用，其中包括向特定群聊发送通知。为了实现这一功能，开发者可以通过调用相应的RESTful API完成操作。这类接口允许应用程序集成商在不需要用户频繁手动干预的前提下自动执行任务，比如定时提醒、重要公告发布等。 对于群组内的广播性质的消息传递，存在专门的应用消息推送机制[^1]。需要注意的是，在实际开发过程中应当遵循官方指南中的权限设置以及频率限制等相关规定以确保合法合规地利用这些特性。 #### 发送应用消息至群聊的具体方法 要将消息推送到某个具体的群中，通常会采用如下流程： - 获取并保存目标聊天室ID； - 构建请求体，其中需包含接收者信息（即上述提到的ChatId）、消息类型及具体内容； - 使用HTTPS POST请求访问`https://qyapi.weixin.qq.com/cgi-bin/appchat/send?access_token=ACCESS_TOKEN`路径下的接口； 以下是Python语言编写的简单示例代码片段展示如何构建这样的HTTP请求: ```python import requests import json def send_group_message(chatid, content): url = "https://qyapi.weixin.qq.com/cgi-bin/appchat/send" params = { 'access_token': get_access_token() # 此处应替换为获取token的实际函数 } payload = { "chatid": chatid, "msgtype": "text", "text": {"content": content} } headers = {'Content-Type': 'application/json'} response = requests.post(url=url, params=params, data=json.dumps(payload), headers=headers) return response.json() ``` 此段脚本实现了基本的文字形式的信息传输逻辑。当然，除了纯文本之外还支持其他多种形式的内容分享，如链接卡片、文件附件等等，具体可参阅官方文档了解更详细的配置选项和支持的功能列表。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值