微信H5页面/链接分享，分享给好友或者分享到朋友圈。卡片形式的分享，微信签名分享方法封装，避坑等干货。

项目背景 在上次的业务需求需要我们开发一个商品 H5 页面。这个页面需要在微信中打开，并且能够以卡片式的形式分享到微信好友，而不仅仅是纯链接的形式。 遇到的问题 在开发过程中，我们遇到了一些问题。我们

配置微信分享卡片的流程，最近接到一个新需求，让我在微信浏览器点击分享给朋友或者分享到朋友圈时以卡片的形式分享。在网上找了半天发现没有人写过从头到尾的完整流程，于是打算记录一下自己的解决过程。

H5做完之后在进行微信好友间转发时，发现转发卡片的简介和图标都是微信默认样式图标，很不友好。本文一步一步教你如何实现该需求。

新建一个 html 页面，写上下面的这些代码，将那个 html 文件上传到服务器上，然后在 PC 端上的微信浏览器访问，查看微信所调用的 Chrome 内核信息&记录 --resources-dir-path 的路径。 贴心小棉袄都已经帮你弄好了那个线上链接：http://de…