H5微信分享功能 vue

1.需求：在微信内将指定的页面内容分享给微信好友或者朋友圈

2.步骤：

引入微信的sdk

// public.index中
// 我的是最新的微信sdk版本
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 

开发者的权限，需要后台给你配置，不然你没有权限在微信文档中进行开发

3,前端这块涉及到的东西不是很多，我将微信sdk中的方法封装在utils中,方便下次复用。

//utils.js
const wxApi = {
  wxRegister(data, option) {
    //data是微信配置信息，option是分享的配置内容
    //这里的option内容会根据路由传的参数一样，分享的内容也比一样
    if (location.pathname !== "/home") {
      option = {
        title: "9K医生-随时随地见全国专家确诊疾病", //分享的标题
        desc: //分享的内容
          "9K医生疾病确诊平台是国家卫健委远程医疗管理与中心协作平台，是国家民政部主管的中益老龄事业发展中心医养服务平台",
        link: "http://baiducn/",//分享的路径
        imgUrl: "http://static.jiukangguoji.cn/logo-1024.png" //分享的图片 
      };
    }
    wx.config({
      debug: