关于VUE项目中使用微信分享功能

一、引入sdk

 npm install --save-dev weixin-js-sdk

二、写一个外部js wetchat.js

import {
    weixinGetSign } from '@/api/index'; //weixinGetSign 为后台接口名

import wx from 'weixin-js-sdk'; // 引入wxJS

const wxApi = {
   

  /**

   * [wxRegister 微信Api初始化]

   * @param {Function} callback [ready回调函数]

   */

  wxRegister(sys) {
   

    let url = {
   

      url: window.location.href

    };

    // var title = '';

    if (sys == 'ios') {
   

      url = window.entryUrl;

    }

    weixinGetSign(url).then(res => {
    //weixinGetSign通过接口获取微信分享所需要的信息

      wx.config({
   

        //在测试的时候一定要开启这个 debug: true 只要有报错就一定会弹出来，

        debug: false, // 开启调试模式

        appId: res.body.data.appId, // 必填，公众号的唯一标识

        timestamp: res.body.data.timestamp, // 必填，生成签名的时间戳

        nonceStr: res.body.data.noncestr, // 必填，生成签名的随机串

        signature: res.body.data.signature, // 必填，签名，见附录1

        ticket: res.body.data.ticket, // 获取微信授权页

        url: res.body.data.url,

        jsApiList: [

          'checkJsApi', //必填，检测api是否有权限

          //自定义“分享给朋友”及“分享到QQ”按钮的分享内容

          'onMenuShareTimeline',

          'onMenuShareAppMessage',

          'onMenuShareQQ',