如何用Vue实现微信自定义分享和二次分享功能？

本文共计1664个文字，预计阅读时间需要7分钟。

微信二次分享功能包括：

1.自定义分享（一次分享）

2.从App中使用App分享（一次分享）

3.使用微信导航栏的分享（二次分享）

已做处理：- 使用微信导航栏的分享（二次分享）未做处理：- 如上图，如不进行分享操作

微信二次分享／自定义分享

从App中使用App分享（一次分享）

使用微信导航栏的分享（二次分享） －－已做处理

使用微信导航栏的分享（二次分享） －－未做处理

如上图，如果不做相关处理，页面进行二次分享，用户看到的就是链接＋空图，上面显示的文案（考拉阅读）实际上是获取的title标签中的文案，我在网上查的相关例子有说明，图片如果不设置，将会自动获取浏览器渲染的第一张图片，经过个人测试，并没有实现（朋友圈同理，不做图片展示）。

微信js-sdk说明文档

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。（一般后端配置）

前端需要调取后端的接口，获取微信的congfig所需要的参数

wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。