h5 + plus 作的APP 實現分享到微信的效果

該方法不能在瀏覽器裏測試,只能打包成APP後進行測試,不然會報錯 找不到 plushtml

這裏須要用到 h5+plus:點擊此處查看官方文檔
vue

首先要獲取到一個對象 (好比說 你要分享到微信,那麼這個對象就是包含 微信 信息的對象, 分享到QQ,那就是包含QQ信息的對象..微博等 以後就能夠使用該對象裏的方法 send 方法發起分享html5

那這個對象哪裏來:web

plus.share.getServices() 這個方法中的回調函數會返回包含全部對象的一個數組,就是微信,QQ ,微博 的這些對象都會在這個數組裏數組

  let t = this  //由於用的vue框架,這裏須要用到this ,若是沒有用可註釋
  plus.share.getServices(function(e) {
      t.shareData = e        //這個回調函數的參數 e 就包含了 全部對象的數組

    //在這個數組裏 找到屬於微信的對象 循環匹配查找
      for(var i in e){        
          if('weixin' == e[i].id){
              t.sharewx = e[i]  //保存到變量裏 (以後便可使用該對象發起分享)
          }
      }
  })
  
  let msg = {
    type: 'web',  //分享的內容的類型 
    title: '頁面分享標題',
    content: '內容',
    thumbs: ['http://img-cdn-qiniu.dcloud.net.cn/icon3.png'],
    href: 'https://www.baidu.com/',
    extra:{scene:"WXSceneSession"} // 'WXSceneSession'分享給好友,'WXSceneTimeline'分享到朋友圈
  }

  //msg對象的屬性和參數 官方文檔裏有說明
  //這裏就用到了上面獲取到的 微信對象 使用send發起分享
  t.sharewx.send(msg, function() {
    console.log('分享成功')
  },function(error) {
    console.log('分享失敗')
  })
相關文章
相關標籤/搜索