首頁 > 微信小程式 > 小程式開發 > 小程式中如何實作分享功能 (程式碼範例)

小程式中如何實作分享功能 (程式碼範例)

不言
發布: 2018-09-01 10:58:35
原創
11435 人瀏覽過

這篇文章帶給大家的內容是關於小程式中如何實現分享功能 (程式碼範例),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

因為小程式中多個頁面都會使用分享,需要我們把分享功能,單獨寫在一個公用的檔案中。 util.js 檔案中。
//分享功能

const shareEvent = (option, obj) => {
  let shareObj = {
    title: obj.title,
    path: obj.path,
    imgUrl: obj.imgUrl,
    success(res){
      // 转发成功之后的回调
    if (res.errMsg == 'shareAppMessage:ok') {}
    }, 
    fail(res){
       // 转发失败之后的回调
    if (res.errMsg == 'shareAppMessage:fail cancel') {
    // 用户取消转发
     } else if (res.errMsg == 'shareAppMessage:fail') {
     // 转发失败,其中 detail message 为详细失败信息
    }
    },
    complete(){
        // 转发结束之后的回调(转发成不成功都会执行)
    }
  };
  if (option.from === 'button') {
    // 来自页面内转发按钮
    console.log(option.target)
  }
  return shareObj;
}
登入後複製

在使用分享的頁面中引入util.js

const util = require('./utils/util.js');
登入後複製
/**
用户点击右上角分享
*/
onShareAppMessage: function(option){
    console.log(option);
    let obj = {
      title: '我的老窝',
      path: 'pages/index/index',
      imageUrl: ''
    };
    return util.shareEvent(option, obj);
  }
登入後複製

備註:記得要在呼叫的時候使用,return。

相關推薦:

微信小程式實作流程進度功能實例分享

#小程式開發之分享朋友圈程式碼實例

分享功能如何取得分享成功或失敗的回傳值

#

以上是小程式中如何實作分享功能 (程式碼範例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
怎麼實作 JavaScript點與圓的位置關係
來自於 1970-01-01 08:00:00
0
0
0
JavaScript鉤子函數是什麼?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板