vue项目中分享到朋友圈,调用微信接口

Posted 风雨飘飘飘啊飘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目中分享到朋友圈,调用微信接口相关的知识,希望对你有一定的参考价值。

虽然微信提供了jssdk,不代表可以点击按钮进行分享到朋友圈,是需要微信自带的浏览器右上角进行分享。手机浏览器需要浏览器支持分享到朋友圈的分享机制。

微信jssdk地址:

https://mp.weixin.qq.com/wiki?action=doc&id=mp1421141115&t=0.6985271624097684#0

npm安装微信的jssdk安装包:

main.js中引入jssdk

需要分享的页面引入wx:

需要进行wx.config配置

wx.config的配置内容需要后台传过来的数据,所以,需要调用接口。其中接口中传往后台的参数需要后台约定。

以上代码在页面created生命周期中调用。

即可分享到朋友圈,分享到好友亦然。

 如有疑问,可留言!

以上是关于vue项目中分享到朋友圈,调用微信接口的主要内容,如果未能解决你的问题,请参考以下文章

asp.net mvc 如何调用微信jssdk接口:分享到微信朋友(圈)| 分享到qq空间

h5怎么做分享到QQ 朋友圈微信 微博等功能

微信JSSDK分享朋友圈微信自定义分享接口

微信开发笔记-调用自定义分享接口

React-Native之微信好友朋友圈分享支付

微信h5转发配置链接内容