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


該方法不能在瀏覽器里測試,只能打包成APP后進行測試,否則會報錯 找不到 plus

這里需要用到 h5+plus:點擊此處查看官方文檔

首先要獲取到一個對象 (比如說 你要分享到微信,那么這個對象就是包含 微信 信息的對象, 分享到QQ,那就是包含QQ信息的對象..微博等 之后就可以使用該對象里的方法 send 方法發起分享

那這個對象哪里來:

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('分享失敗')
  })

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM