小程序分享功能

idisfkj 發(fā)布于2019-08-23 11:36 / 1935人閱讀

摘要：因?yàn)樾〕绦蛑卸鄠€(gè)頁面都會(huì)使用分享，需要我們把分享功能，多帶帶寫在一個(gè)公用的文件中。

因?yàn)樾〕绦蛑卸鄠€(gè)頁面都會(huì)使用分享，需要我們把分享功能，多帶帶寫在一個(gè)公用的文件中。util.js 文件中。
//分享功能

const shareEvent = (option, obj) => {
  let shareObj = {
    title: obj.title,
    path: obj.path,
    imgUrl: obj.imgUrl,
    success(res){
      // 轉(zhuǎn)發(fā)成功之后的回調(diào)
　　　 if (res.errMsg == "shareAppMessage:ok") {}
    }, 
    fail(res){
       // 轉(zhuǎn)發(fā)失敗之后的回調(diào)
　　　 if (res.errMsg == "shareAppMessage:fail cancel") {
　　　 // 用戶取消轉(zhuǎn)發(fā)
　　　  } else if (res.errMsg == "shareAppMessage:fail") {
　　　  // 轉(zhuǎn)發(fā)失敗，其中 detail message 為詳細(xì)失敗信息
　　　　}
    },
    complete(){
        // 轉(zhuǎn)發(fā)結(jié)束之后的回調(diào)（轉(zhuǎn)發(fā)成不成功都會(huì)執(zhí)行）
    }
  };
  if (option.from === "button") {
    // 來自頁面內(nèi)轉(zhuǎn)發(fā)按鈕
    console.log(option.target)
  }
  return shareObj;
}

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

const util = require("./utils/util.js");

/**

用戶點(diǎn)擊右上角分享

onShareAppMessage: function(option){
    console.log(option);
    let obj = {
      title: "我的老窩",
      path: "pages/index/index",
      imageUrl: ""
    };
    return util.shareEvent(option, obj);
  }

備注：記得要在調(diào)用的時(shí)候使用，return。

云服務(wù)器 GPU云服務(wù)器小程序功能開發(fā) 開發(fā)小程序功能小程序的功能小程序有什么功能

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/97200.html

相關(guān)文章

微信小程序教學(xué)第四章第三節(jié)（含視頻）：小程序中級實(shí)戰(zhàn)教程：詳情-功能完善

摘要：詳情功能完善本文配套視頻地址開始前請把分支中的目錄導(dǎo)入微信開發(fā)工具這一節(jié)中，我們把詳情的其他功能完善起來下一篇分享返回列表。詳情 - 功能完善本文配套視頻地址：https://v.qq.com/x/page/f0555... 開始前請把 ch4-3 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具這一節(jié)中，我們把詳情的其他功能完善起來：下一篇、分享、返回列表。 Step 1....

phodal 2019-08-21 17:25 評論0 收藏0
微信小程序教學(xué)第四章第三節(jié)（含視頻）：小程序中級實(shí)戰(zhàn)教程：詳情-功能完善

摘要：詳情功能完善本文配套視頻地址開始前請把分支中的目錄導(dǎo)入微信開發(fā)工具這一節(jié)中，我們把詳情的其他功能完善起來下一篇分享返回列表。詳情 - 功能完善本文配套視頻地址：https://v.qq.com/x/page/f0555... 開始前請把 ch4-3 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具這一節(jié)中，我們把詳情的其他功能完善起來：下一篇、分享、返回列表。 Step 1....

cocopeak 2019-08-01 17:55 評論0 收藏0
微信小程序教學(xué)第四章第三節(jié)（含視頻）：小程序中級實(shí)戰(zhàn)教程：詳情-功能完善

摘要：詳情功能完善本文配套視頻地址開始前請把分支中的目錄導(dǎo)入微信開發(fā)工具這一節(jié)中，我們把詳情的其他功能完善起來下一篇分享返回列表。詳情 - 功能完善本文配套視頻地址：https://v.qq.com/x/page/f0555... 開始前請把 ch4-3 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具這一節(jié)中，我們把詳情的其他功能完善起來：下一篇、分享、返回列表。 Step 1....

fizz 2019-08-29 13:44 評論0 收藏0
網(wǎng)頁程序遷移至微信小程序web-view詳解

摘要：網(wǎng)頁引入網(wǎng)頁發(fā)起支付由后臺(tái)返回，主要是需要統(tǒng)一下單平臺(tái)的微信支付頁面支付參數(shù)錯(cuò)誤，請稍后重試支付成功支付失敗支付錯(cuò)誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數(shù)，那我們就需要處理一下了。小程序現(xiàn)在越來越流行，但是公司的很多項(xiàng)目都是用網(wǎng)頁寫的，小程序語法不兼容原生網(wǎng)頁，使得舊有項(xiàng)目遷移至小程序代價(jià)很高；小程序之前開放了webview功能，可以說是網(wǎng)頁應(yīng)用的一大福音了，但...

junbaor 2019-08-23 10:28 評論0 收藏0
網(wǎng)頁程序遷移至微信小程序web-view詳解

摘要：網(wǎng)頁引入網(wǎng)頁發(fā)起支付由后臺(tái)返回，主要是需要統(tǒng)一下單平臺(tái)的微信支付頁面支付參數(shù)錯(cuò)誤，請稍后重試支付成功支付失敗支付錯(cuò)誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數(shù)，那我們就需要處理一下了。小程序現(xiàn)在越來越流行，但是公司的很多項(xiàng)目都是用網(wǎng)頁寫的，小程序語法不兼容原生網(wǎng)頁，使得舊有項(xiàng)目遷移至小程序代價(jià)很高；小程序之前開放了webview功能，可以說是網(wǎng)頁應(yīng)用的一大福音了，但...

AlphaGooo 2019-08-02 11:04 評論0 收藏0
微信小程序教學(xué)第三章第四節(jié)（含視頻）：小程序中級實(shí)戰(zhàn)教程：下拉更新、分享、閱讀標(biāo)識(shí)

摘要：下拉更新分享閱讀標(biāo)識(shí)本文配套視頻地址開始前請把分支中的目錄導(dǎo)入微信開發(fā)工具這一篇中，我們把列表這塊的剩余功能做完下拉更新分享閱讀標(biāo)識(shí)。下拉更新、分享、閱讀標(biāo)識(shí) 本文配套視頻地址：https://v.qq.com/x/page/h0554... 開始前請把 ch3-4 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具這一篇中，我們把列表這塊的剩余功能做完：下拉更新、分享、閱讀標(biāo)識(shí)。 ...

caoym 2019-08-30 13:50 評論0 收藏0