// wxShare.js
import Vue from 'vue'
// 在組件外使用vux集成的微信jssdk
import { WechatPlugin, AjaxPlugin } from 'vux'
Vue.use(WechatPlugin)
Vue.use(AjaxPlugin)
export default function wxShare ({title, desc, timelineTitle, link, imgUrl} = {}) {
  Vue.wechat.config({
   debug: false,
   appId: appId,
   timestamp: timestamp,
   nonceStr: nonceStr,
   signature: signature,
   jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline']
  })
  Vue.wechat.ready(() => {
   Vue.wechat.onMenuShareAppMessage({
    title: title, // 分享標(biāo)題
    desc: desc || '默認(rèn)分享文案', // 分享描述
    link: link || window.location.href, // 分享鏈接
    imgUrl: imgUrl || '圖標(biāo)地址（必須是有效的Link）' // 分享圖標(biāo)
   })
   Vue.wechat.onMenuShareTimeline({
    title: timelineTitle || desc || '默認(rèn)分享文案', // 分享標(biāo)題，由于分享到朋友圈沒(méi)有desc，所以這里采用的策略是，指定的朋友圈分享標(biāo)題優(yōu)先，其次采用發(fā)送給朋友的描述，最后采用默認(rèn)文案。
    link: link || window.location.href, // 分享鏈接
    imgUrl: imgUrl || '圖標(biāo)地址（必須是有效的Link）' // 分享圖標(biāo)
   })
  })
  Vue.wechat.error((res) => {
  })
}
// 為Vue的原型對(duì)象添加該方法，則所有vue實(shí)例都能繼承該方法
Vue.prototype.$wxShare = wxShare
// router/index.js 每個(gè)模塊都有自己內(nèi)部的路由配置
// codes...
const routes = [
  {
    path: '/index',
    name: 'index',
    redirect: '/index/homepage',
    children: [
     {
      path: '/index/homepage',
      name: 'homepage',
      component: homepage
      meta: { 
        title: '這是主頁(yè)', 
        shareDesc: '這是本站的主頁(yè)', 
        desc: 'homepage, click and see!',
        timelineTitle: '這是首頁(yè)，歡迎點(diǎn)擊關(guān)注，blablablablabla~~~',
        imgUrl: 'http://frankzhang.me/wp-content/uploads/2017/08/cropped-favicon-01.png'
      }
     },
    ]
   }
]
// routerRule，公共路由配置，所有模塊共用一個(gè)路由控制策略
import wxShare from '@/utils/wxShare'
export default function routerRule (router) {
  // other codes...
  router.afterEach(( to, from ) => {
    wxShare({ title: to.meta.title, desc: to.meta.shareDesc, link: to.meta.shareLink, logo: to.meta.shareLogo})
   })
}
// main.js
import routerRule from ...
routerRule(router)

// homepage.vue
<script>
export default {
  data() {
    return {
    }
  },
  created() {
    getHomepageInfo()
      .then( res => {
        this.$wxShare({
          title: res.title,
          desc: res.desc,
          imgUrl: res.logo
        })
      } )
  }
}
</script>