源码时代H5前端干货|3步教你快速实现微信SDK分享功能-朋友圈分享/微信分享

三步教你快速在VUE中使用微信SDK的分享功能-朋友圈分享/微信分享

 

 

前一阵子有很多小伙伴在向我咨询,vue开发微信分享怎么做?,当然我也在网上看了好多别人写的资料,发现好多文档写得那个文字呀!吓一跳。

当然,今天主要是大家分享代码中核心的内容,前面一些常规的步骤就直接跳过了,直接粗暴的讲重点，直接封装一个分享功能出来

 

1. 在vue项目中安装sdk

如图:

在项目中创建一个utils/share.js ,share.js为分享功能文件

import wx from 'weixin-js-sdk'//引入微信sdk组件

import {shareSDK} from "../api/common";//分享api

 

export const shareTitle = '这是一个有故事的酒局';//此处写自己的分享的标题

export const shareUrl = 'https://api.xxxx.com/test';//此处写自己的分享的地址

export const shareImg = 'https://api.xxx.com/test/logo.jpg';//此处写自己的分享的图像

export const shareDesc = '测试显示详情的内容';此处写自己的分享的详情

 

/**

*分享