微信小程式關於分享一些簡單總結
關於小程式的分享轉發,官網上已描述的很清楚。
詳情可見:
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));
}
}
},
})
相關文章
- 微信小程式小總結微信小程式
- 微信小程式 關於父子元件一些心得微信小程式元件
- 微信小程式總結微信小程式
- 關於STL容器的簡單總結
- 關於負載均衡的簡單總結負載
- uniapp 微信小程式總結APP微信小程式
- 微信小程式開發總結微信小程式
- 關於Servlet小總結Servlet
- LevelDB的一些簡單總結
- 關於微信小程式佈局排列微信小程式
- 關於微信小程式webview的使用微信小程式WebView
- 微信小程式適配 iPhone X 總結微信小程式iPhone
- 微信小程式地圖開發總結微信小程式地圖
- 微信小程式開發總結與心得微信小程式
- 微信小程式登入流程梳理總結微信小程式
- 微信小程式資料傳遞總結微信小程式
- 微信小程式的檢視層總結微信小程式
- 關於微信小程式swiper的問題微信小程式
- 原生小程式最最簡單的分享功能
- 簡單的一點總結:關於優惠券功能
- PHP中關於foreach的簡單的用法總結PHP
- 關於程式和執行緒 自我的一些總結執行緒
- 好程式設計師教程分享關於ajax物件一些常見的問題總結程式設計師物件
- 關於Mysql使用的一些總結MySql
- MySql關於鎖的一些總結MySql
- 關於繼承的一些小總結繼承
- 關於EM配置的一些總結
- 關於BUFFER POOL的一些總結
- 關於Oracle塊的一些總結Oracle
- 微信小程式之簡單開發操作(一)微信小程式
- 初試微信小程式遇到問題總結微信小程式
- 微信小程式開發總結(附原始碼)微信小程式原始碼
- 微信小程式 傳值取值的方法總結微信小程式
- 微信小程式Video元件實踐總結微信小程式IDE元件
- 微信小程式pick元件使用問題總結微信小程式元件
- mpvue小程式以及微信直播踩坑總結Vue
- 微信小程式開發BUG經驗總結微信小程式
- 微信小程式 canvas 繪圖問題總結微信小程式Canvas繪圖