微信小程式關於分享一些簡單總結
關於小程式的分享轉發,官網上已描述的很清楚。
詳情可見:
1:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html
2: https://developers.weixin.qq.com/miniprogram/dev/devtools/different.html#
以下是我自己簡單一些總結:
1:如果需要獲取到分享到群的一些群資訊的話,需要設定: wx.showShareMenu,且
onLoad: function (e) {
wx.showShareMenu({
// 要求小程式返回分享目標資訊
withShareTicket: true,
success: function (res) {
// 分享成功
console.log('shareMenu share success')
console.log('分享成功' , res)
},
fail: function (res) {
// 分享失敗
console.log('分享失敗' + res)
console.log(res)
}
});
},
2:如果需要測試帶引數傳入測試頁面,可以新建一個編譯模板
1)點選新增編譯模式
2)按需填入相關資訊
3)選擇編譯
4)觀察你分析的頁面的路徑及接收的相關引數資訊
示例:
對應的頁面js:
3:關於分享方式
1:第一種是點選頂部的膠囊按鈕,然後選擇轉發
說明:如果想隱藏上面的膠囊的地方的轉發按鈕,僅限頁面內點選轉發按鈕轉發,可以隱藏:
wx.hideShareMenu();
2:使用按鈕進行轉發
使用按鈕轉發話可以使用ops.target來獲取點選了哪個分享的按鈕
if (ops.from === 'button') {
// 來自頁面內轉發按鈕
console.log(ops.target)
}
3: 關於分享結果的回撥
注意事項點
1)目前開發者工具暫時不支援回撥處理,需要在真機上測試
2)回撥攜帶的shareTickets值資訊只在分享到群之後才回有回撥,分享到好友不返回shareTickets值資訊
// pages/sharetest/sharetest.js
//index.js
//獲取應用例項
const app = getApp()
Page({
data: {
motto: 'Hello World',
},
onLoad: function (e) {
wx.showShareMenu({
// 要求小程式返回分享目標資訊
withShareTicket: true,
success: function (res) {
// 分享成功
console.log('shareMenu share success')
console.log('分享成功' , res)
},
fail: function (res) {
// 分享失敗
console.log('分享失敗' + res)
console.log(res)
}
});
},
/* 轉發*/
onShareAppMessage: function (ops) {
if (ops.from === 'button') {
// 來自頁面內轉發按鈕
console.log(ops.target)
}
return {
title: '轉發dom',
path: `/pages/index/index?jump=是的好的話是的000000000000000000`,
success: function (res) {
// 轉發成功
console.log("轉發成功:",res);
console.log("轉發成功:" + JSON.stringify(res));
var shareTickets = res.shareTickets;
// if (shareTickets.length == 0) {
// return false;
// }
// //可以獲取群組資訊
// wx.getShareInfo({
// shareTicket: shareTickets[0],
// success: function (res) {
// console.log(res)
// }
// })
},
fail: function (res) {
// 轉發失敗
console.log("轉發失敗:" + JSON.stringify(res));
}
}
},
})
相關文章
- 微信小程式總結微信小程式
- 微信小程式 關於父子元件一些心得微信小程式元件
- uniapp 微信小程式總結APP微信小程式
- 微信小程式開發總結微信小程式
- 關於微信小程式佈局排列微信小程式
- 微信小程式適配 iPhone X 總結微信小程式iPhone
- 微信小程式開發總結與心得微信小程式
- 微信小程式資料傳遞總結微信小程式
- 微信小程式的檢視層總結微信小程式
- 微信小程式地圖開發總結微信小程式地圖
- 微信小程式Video元件實踐總結微信小程式IDE元件
- 微信小程式登入流程梳理總結微信小程式
- 關於STL容器的簡單總結
- 微信小程式之簡單開發操作(一)微信小程式
- 微信小程式 傳值取值的方法總結微信小程式
- 微信小程式 canvas 繪圖問題總結微信小程式Canvas繪圖
- 微信小程式開發BUG經驗總結微信小程式
- mpvue小程式以及微信直播踩坑總結Vue
- 初試微信小程式遇到問題總結微信小程式
- 微信小程式開發總結(附原始碼)微信小程式原始碼
- 微信小程式pick元件使用問題總結微信小程式元件
- nodejs實現微信小程式支付功能及相關問題總結NodeJS微信小程式
- 微信小程式歸結微信小程式
- 微信小程式(1) 微信小程式TLS版本大於1.2微信小程式TLS
- 微信小程式教程01:小程式簡介微信小程式
- 微信小程式wx.request的簡單封裝微信小程式封裝
- 微信小程式事件繫結微信小程式事件
- 關於Servlet小總結Servlet
- 微信小程式--關於加快小程式開發的幾個小建議微信小程式
- 微信小程式簡單封裝圖片上傳元件微信小程式封裝元件
- 微信小程式常見的UI框架/元件庫總結微信小程式UI框架元件
- 微信小程式實現軌跡回放,微信原生小程式,基於uniapp的小程式?微信小程式APP
- 關於Android開源庫分享平臺,(GitClub)微信小程式的開發體驗AndroidGit微信小程式
- 微信小程式之分享海報生成微信小程式
- 199IT微信小程式原始碼分享_基於WordPress+Taro微信小程式原始碼
- 微信小遊戲開發總結遊戲開發
- 微信小程式填坑清單微信小程式
- 『小程式開發』關於微信小程式掃普通連結二維碼開啟小程式的具體配置流程微信小程式