VUE使用JS-SDK实现微信分享好友功能（通过点击控件触发）

最新推荐文章于 2024-08-23 10:41:37 发布

Chengmin.T

最新推荐文章于 2024-08-23 10:41:37 发布

阅读量2.8k

点赞数 2

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/qq_34007408/article/details/105859862

版权

本文介绍了在Vue.js项目中使用微信JS-SDK实现分享到好友的功能。首先通过npm安装微信js-sdk，然后在main.js或特定页面引入，并配置初始化。在用户点击分享按钮后，需要引导用户通过微信自带菜单进行分享。要注意的是，安卓设备在页面跳转会刷新URL，可能导致签名失败，而iOS则不会。建议避免直接用window.location.href进行页面跳转。

摘要由CSDN通过智能技术生成

微信JSSDK官方开发文档

微信分享有很多种这里只记录了分享好友功能

1、通过npm安装微信的js-sdk

npm install weixin-js-sdk

2、在main.js里引用或在需要分享的页面引用

import wx from 'weixin-js-sdk';

3、在页面创建时候先注入配置信息（必须）！

//生命周期我就创建了
created() {
     var payUrl = window.location.href;//当前分享的页面Url
        getWxjsSign({ //调用后台接口 获取相关参数
          url: payUrl
        }).then(res => {
          if (res.returnCode == '200') {
            if (res.response.code == '200') {
              var data = res.response.sign;
              var appId = data.appId;