前言

如果您是 uniapp 项目（H5 网页），请访问 uniapp - 最新 H5 公众号网页分享到微信朋友圈 / 转发分享好友 这篇详细教程。

目前网上大部分教程都过时了（老版本、无效），并且存在 BUG与未进行代码封装乱的要死，移植到自己的项目非常困难。

本文将从 0-1 详细完成该功能，支持 Vue.js / Nuxt.js 项目，代码干净整洁无 BUG，

提供核心代码及超级详细的注释（无任何乱七八糟的不相关代码），您复制粘贴稍微改一下就能马上用。

---

利用微信 SDK 在网页中调起分享，实现 朋友圈与好友、QQ 相关的分享（本示例进行了封装，后续方便复用），

如下图真机测试，我自定义的标题、文案与图标：

一、第一步

由于要使用微信的功能，需要在公众号上配置 “您想要分享的网页” 域名白名单。