Html5 完成手机微信共享及自定內容的步骤

import wx from 'weixin-js-sdk'
import api from '@/api'
const wxApi = {
    /**
   * [wxRegister 手机微信Api原始化]
   * @param  {Function} callback [ready回调函数涵数]
   */
  wxRegister (callback, url) {
    let query = {
     // 这里的url务必是你要共享的网页页面彻底对应的url，而且必须变换 base64
      url: url 
    }
    api.getWxJsSdk(query).then(res => {
      let data = res.data
      wx.config({
        debug: false, // 打开调节方式
        appId: data.appId, // 必填，群众号的唯1标志
        timestamp: data.timestamp, // 必填，转化成签字的時间戳
        nonceStr: data.nonceStr, // 必填，转化成签字的任意串
        signature: data.signature, // 必填，签字，见附录1
        jsApiList: data.jsApiList // 必填，必须应用的JS插口目录，全部JS插口目录见附录2
      })
    })
    wx.ready((res) => {
      // 假如必须订制ready回调函数方式
      if (callback) {
        callback()
      }
    })
  },
}

// 在wxRegister涵数后边加上
/**
* [ShareTimeline 自定手机微信共享到盆友圈]
* @param {[type]} option [共享信息内容]
* @param {[type]} success [取得成功回调函数]
* @param {[type]} error   [不成功回调函数]
*/
ShareTimeline (option) {
wx.updateTimelineShareData({
  title: option.title, // 共享题目
  link: option.link, // 共享连接
  imgUrl: option.imgUrl, // 共享标志
  success () {
    // 设定取得成功
  },
  cancel () {
    // 设定不成功
  }
})
},
/**
* [ShareAppMessage 自定手机微信共享到盆友]
* @param {[type]} option [共享信息内容]
* @param {[type]} success [取得成功回调函数]
* @param {[type]} error   [不成功回调函数]
*/
ShareAppMessage (option) {
wx.updateAppMessageShareData({
  title: option.title, // 共享题目
  desc: option.desc, // 共享叙述
  link: option.link, // 共享连接
  imgUrl: option.imgUrl, // 共享标志
  success () {
    // 设定取得成功
  },
  cancel () {
    // 设定不成功
  }
})
}

// vue 为例
// 下列的涵数有形参请参照上面的方式
import wx from '你封裝的文档'
mounted(){
    let base64 = require('js-base64').Base64
    let url = base64.encode(window.location.href)
    wx.wxRegister(this.wxRegCallback,url)
},
methods:{
    // 自定的jdk回调函数
    wxRegCallback () {},
    // 自定的共享给盆友的涵数
    wxShareAppMessage(){
        let option = {
            title:'',// 共享题目
            desc: '', // 共享叙述
            link: '', // 共享连接
            imgUrl: '' // 共享标志
        }
        // 引入通用性方式
        wx.ShareAppMessage(option)
    },
    // 自定的共享给盆友圈的涵数
    wxShareTimeline(){
        let option = {
            title:'',// 共享题目
            desc: '', // 共享叙述
            link: '', // 共享连接
            imgUrl: '' // 共享标志
        }
        // 引入通用性方式
        wx.ShareTimeline(option)
    }
}