h5微信分享只是链接，没有卡片

最新推荐文章于 2024-12-05 13:59:39 发布

timebeign

最新推荐文章于 2024-12-05 13:59:39 发布

阅读量1.2k

点赞数 6

文章标签：微信

本文链接：https://blog.csdn.net/timebeign/article/details/138083199

版权

微信H5成功接入，支持通过多种方式如二维码、公众号分享、菜单等进入时显示卡片。全域名开放允许微信访问其他平台链接，分享出去的链接仍保持卡片形式。

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

微信H5已成功接入，微信api以及配置项验证正常，通过手机微信里面链接打开页面进行分享，分享出去的还是链接

原因：全域名开放（即微信可访问淘宝、支付宝等友商的链接）造成的；

目前可以分享出现卡片的场景有：

1、从二维码进入

2、分享卡片进入

3、公众号图文消息进入

4、公众号菜单进入

5、公众号原文链接进入

6、通过收藏链接，再打开分享也是卡片

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

timebeign

关注关注

6
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

uniapp 开发 h5 配置分享微信朋友卡片效果

一心只想敲好代码

06-14

854

uniapp 开发 h5 配置分享微信朋友卡片效果

H5微信自定义分享图文链接（设置标题+简介+图片）——附源码

热门推荐

吾行远方

07-04

3万+

1、最近突然发现微信“卡片式”分享链接变成了如下形式：原来的是这样的：后来也解决了，原来是部署域名换了，微信公众号的相关配置没有改造成的。微信的其他域名都可以写多个，唯独服务器地址只能写一个，所以非常好看的“卡片式”分享图文链接变成了光秃秃的文字。错误提示：（出现这种提示要查看公众号ip白名单、相关域名、appid等是否正确） 2、代码案例： "weixin-js-sdk": "...

1 条评论您还未登录，请先登录后发表或查看评论

最新微信分享网站链接带缩略图和描述的方法（附傻瓜式插件包+详细教程）

07-11

微信分享网站链接带缩略图和描述的插件包通用所有网址+详细教程使用非常简单，修改下信息加入代码即可压缩包附带详细教程。使用前提：有一个认证过的公众号

微信自定义分享卡片

01-08

官方帮助文档：微信JS-SDK说明文档 JSSDK自定义分享接口的策略常见错误及解决方法微信公众平台准备 1、微信认证过的公共号 2、域名服务器，域名必须添加到“JS接口安全域名”中 3、通过微信公众平台查看appid和AppSecret 代码展示前端代码，放在需要分享的页面中。注意： 1、页面中有多个[removed]会导致冲突。 2、分卡片的链接要加入到公众平台的白名单里。 //首先要引入js文件 [removed]=function(){//页面加载 var apiurl = '/jsdk.php'; var query = new Obje

公众号网页分享给朋友或者朋友圈出现只有url,没有卡片的情况

crmebyyy的博客

10-20

692

此外,通过成功分享的卡片进入页面后再次分享也均为卡片(分享成功的卡片来自pc端分享), 通过链接进入页面分享却无一例外均为链接。2.公众号有分享成功的网页,但同样的网页也会出现分享只有链接的情况(连卡片也没有,就只有链接)5.pc端内分享展示的情况,其中白色的网址信息为上述异常分享,绿色的网址信息为单纯的复制链接。移动端微信分享公众号网页出现纯网址,没有卡片,没有标题,描述和图片的情况。3.通过分享成功的卡片进入网页似乎不会出现分享只有链接的情况。4.由分享成功的卡片进入分享的正常情况。

微信新版本直接分享链接不带简介缩略图

胡小念

12-08

546

直接通过链接访问的页面，点击分享的时候没有简介和标题及缩略图，甚至直接没有分享微信的按钮，是因为微信新版本（~8.0.16）安全策略，禁止这种链接转发，将链接生成二维码或者通过一个正常的带标题，简介缩略图这种方式进去再转发就没问题了。 ...

微信服务号分享的时候只显示连接,不显示标题描述

hyz792901324的博客

11-09

482

微信服务号分享的时候只显示连接,不显示标题描述

橙-极纪元-JJYCheng

07-14

4435

微信分享只有链接网址，不显示分享卡片和分享图片开发工具中正常没有报错-解决方案

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

kikikiuu的博客

01-13

2万+

【微信H5】分享出去是链接，不是卡片微信公众号已配置完域名且已完成微信认证、appid也准确无误原因因为这是微信开放全域名访问后出现的限制解决方案 1.将链接添加至公众号的自定义菜单中，从公众号菜单进入分享 2.扫描二维码分享 3.将链接保存至微信收藏中，从我的收藏进入分享其余其他地方进入分享都是链接形式 ...

微信分享功能、微信分享不是卡片，没有小图（缩略图）

m0_65069309的博客

09-12

995

然后就会出现自定义标题内容图片的显示问题，首先要确认，分享链接是不是配置过安全域名，打开debug:true 会有这个 ↓ ，找后端配置安全域名就可以。然后就是关于坑了，挺难受的问题，有比较多的坑存在我这里只写我遇到的，别的问题可以去微信开发社区里找找解决方式。--- 用可能需要在用的地方引用一下也可能不需要，我这里两个项目，一个有引用一个没有都引用。--- index.html 中引用微信 jsdk。--- 封装为 wxShare.js。=== 下方图片百度中随便找的例子图。

微信H5网页分享只显示链接处理办法

qq_31151123的博客

07-27

5541

分享到QQ和QQ空间是正常的，但是分享给朋友和分享到朋友圈就是链接如下图。c.微信收藏需要分享的链接，从微信收藏处进去后再分享就可以了。a.要分享的链接使用二维码生成后再分享,就可以图文分享了。b.在微信公众号菜单打开链接进行分享。1.在微信中配置好相关接口后。...

H5如何在微信中分享成卡片以及微信提供的各种api

最新发布

AuraVic的博客

12-05

2667

H5 如何在微信中分享成卡片形式，而不是一个IP地址

H5页面微信卡片分享好友朋友圈；前后端代码

07-25

H5页面微信卡片分享好友朋友圈；前后端代码 H5页面微信卡片分享好友朋友圈；前后端代码文档地址： https://blog.csdn.net/nicepainkiller/article/details/131918628 文档地址： ...

微信接口之H5分享功能

大道初修通九窍的博客

10-15

3927

最近忙了好久，也好久没有写点什么，总算抽出点时间可以来csdn看看。顺便把微信分享的功能写一点心得。微信H5分享就是我们写的一个H5页面，可以是html、亦可以是其他动态类型的页面，对于我来说微信分享不是第一次做了，之前以为只可以在非html页面中加，后来仔细一想那我们的ajax干嘛去啦。下面我就具体说一下静态页面和非静态页面怎么实现微信还H5分享。非静态：这个好说了，我们只需要在当前...

解决微信公众号分享出去的是链接

陈景夏

01-10

9294

原因：响应国家反垄断规章，微信调整可实现访问外链；异常：现在点击微信聊天发出来的链接，再点分享会直接成为字符串链接形式解决步骤： 1、使用电脑端的聊天框打开链接； 2、点击右上角“浮窗”按钮 3、再点开“浮窗” 4、进入页面后再点击分享，分享到其他人 5、就会得到以前分享形式的方式 6、再使用手机微信，点击这个分享形式进去；在手机中点分享，就可以完成正常开发分享了 ...

【亲测有效】微信公众号H5网页自定义分享功能config:ok和updateAppMessageShareData：ok为什么还是分享出去还是链接

G佳伟

12-02

748

config:ok和updateAppMessageShareData：ok但是分享出去还是链接。代码开启debug: true的效果。

uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案

qq_37962440的博客

08-22

2234

uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案

微信公众号页面分享出来只有一个链接的坑

qq_35547053的博客

02-25

2328

公众号页面已经对接jssdk , 并且签名验证成功，控制台分享打印正常，开发工具上分享正常，但是一到真机测试分享出来只有一个链接而不是分享卡片。因为微信近年调整了规则，该项目必须在公众号菜单中打开，才能正常分享 ...

微信浏览器h5分享卡片模式

weixin_52335582的博客

08-20

5064

微信浏览器中h5分享出去是带图片标题的卡片

微信小程序点击分享卡片链接怎么跳转到h5页面

05-17

要将微信小程序的分享卡片链接跳转到H5页面，你需要在小程序中使用小程序 API 中的 `wx.navigateToMiniProgram` 方法，将跳转链接指向一个中转页面（即 H5 页面），然后在中转页面中使用 `window.location.href` 方法跳转到目标 H5 页面。具体步骤如下： 1. 在小程序中，使用 `wx.navigateToMiniProgram` 方法指向一个中转页面的链接，代码如下： ``` wx.navigateToMiniProgram({ appId: '中转页面的小程序 appID', path: '中转页面的路径', extraData: { // 中转页面需要的额外参数 }, success(res) { // 跳转成功的回调函数 } }) ``` 2. 在中转页面的 JS 文件中，使用 `window.location.href` 方法跳转到目标 H5 页面，代码如下： ``` window.location.href = '目标 H5 页面的链接' ``` 这样，当用户点击小程序分享卡片链接时，就会先跳转到中转页面，然后再跳转到目标 H5 页面。