Ⅰ 微信小程序 - 分享功能
onShareAppMessage(Object object)
官網是這樣說的
(一)在我們自己的項目內,對應的js文件中這樣寫,一般在生成小程序文件的時候默認會顯示這樣的語句:
那麼,在我們小程序界面右上角菜單就會顯示「轉發」按鈕:
(二)除了默認的方法外,我們還可以自定義轉發的標題與內容,此事件處理函數需要 return 一個 Object,用於自定義轉發內容:
實現:
(三)一般為了引導用戶的轉發,我們還會在界面上設置轉發按鈕,比如「分享給好友」
(按鈕樣式還是需要自己調整的)
這時候彈出的內容則跟我們右上角菜單的「轉發」行為一致。
官方Tips
1.不自定義轉發圖片的情況下,默認會取當前頁面,從頂部開始,高度為 80% 屏幕寬度的圖像作為轉發圖片。
2.轉發的調試支持請查看 普通轉發的調試支持 和 帶 shareTicket 的轉發
3.只有轉發到群聊中打開才可以獲取到 shareTickets 返回值,單聊沒有 shareTickets
4. shareTicket 僅在當前小程序生命周期內有效
5.由於策略變動,小程序群相關能力進行調整,開發者可先使用 wx.getShareInfo 介面中的群 ID 進行功能開發。
6.微信7.0.12開始,支持群主轉發小程序時同時把消息設為該群的群待辦消息,群待辦消息會以氣泡形式出現在聊天窗口底部。默認每次轉發一個群待辦消息,都會生成一個待辦消息氣泡。通過 wx.updateShareMenu 介面修改 toDoActivityId 屬性可以把多個待辦消息聚合為同一個,即轉發相同 toDoActivityId 的群待辦消息,只會出現一個待辦消息氣泡。 toDoActivityId 需要在轉發前通過 updatableMessage.createActivityId 介面創建。
(四)另外關於轉發,官方還提供了其他幾個API方法:
1)wx.updateShareMenu(Object object):更新轉發屬性
2)wx.showShareMenu(Object object):顯示當前頁面的轉發按鈕
3)wx.hideShareMenu(Object object):隱藏轉發按鈕
4)wx.getShareInfo(Object object):獲取轉發詳細信息
最後這一個還沒有理清楚,目前測試報錯,後期理清了再來更新。
Ⅱ 微信小程序如何分享到朋友圈
直接轉發鏈接是可以的!
Ⅲ 微信小程序如何分享到朋友圈
目前微信小程序不支持直接將小程序分享到朋友圈,但好多人都是將小程序二維碼分享到朋友圈中,同樣可以達到這種效果,騰訊這塊限制分享的原因是因為朋友圈廣告,如果直接分享到朋友圈,在用戶這塊可能就不容易分清楚廣告跟小程序
簡書作者
2019-03-07 16:36
背景
業務場景需要在小程序內生成活動的分享海報,圖片中的某些數據需動態展示。可行的方案有️二:
服務端合成:直接返回給前端圖片URL
客戶端合成:客戶端利用canvas繪制
客戶端合成需要用到canvas,見這個網址,小程序canvas的那些事。客戶端感覺很麻煩,要自己操作canvas。
伺服器端合成
我發現有人做了一個介面,輸入伺服器端的URL,直接返回一個圖片,這樣我就可以讓前作做一個H5的頁面,然後小程序中,直接得到這個圖片然後分享到朋友圈。
下面是這個介面的小程序演示demo
Ⅳ 微信小程序怎麼分享到朋友圈
Ⅳ 微信小程序實現分享至朋友圈的功能來啦
就在7月初,我看到了微信小程序的官網有了分享至微信朋友圈的功能上線beta板,目前只能在android手機顯示分享至朋友圈的按鈕,iphone手機暫時不支持,但是android手機分享出來的,iphone手機是可以查看的,不多說,先看一下最終的真機上的展示效果(android和iphone手機)
可將小程序頁面分享到朋友圈。適用於內容型頁面的分享,不適用於有較多交互的頁面分享。
小程序頁面默認不可被分享到朋友圈,開發者需主動設置「分享到朋友圈」。頁面允許被分享到朋友圈,需滿足兩個條件:
滿足上述兩個條件的頁面,可被分享到朋友圈。
用戶在朋友圈打開分享的小程序頁面,並不會真正打開小程序,而是進入一個「小程序單頁模式」的頁面,「單頁模式」有以下特點:
可通過判斷 場景值 等於 1154 的方法來進行頁面適配。另外,在單頁模式下,可設置頂部導航欄與頁面的相交狀態,具體參考 navigationBarFit 配置。
還需留意的是,在單頁模式下, wx.getSystemInfo 介面返回的 safeArea 為整個屏幕空間。
小程序「單頁模式」適用於純內容展示場景,可實現的交互與介面能力有限,因此存在如下限制:
對於一些會產生交互的組件或介面,在點擊後調用時,會彈 toast 提示「請前往小程序使用完整服務」。為達到良好的用戶體驗,請注意適配單頁模式的介面能力,請勿大量使用被禁用的介面或組件。
需要了解更多,可以具體看看官方:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
1、目前只支持android手機,但iphone手機可以查看
2、有部分的android手機也顯示不了「分享至朋友圈」的按鈕(因為目前知識beta版)
3、不久之後肯定會發布正式版本,到時候iphone和android手機都可以實現,現在小夥伴可以嘗鮮一波。
4、還有一點值得注意的是:不得存在濫用分享違規行為。如強制用戶分享行為;分享立即獲得利益的誘導行為;以及通過明示或暗示的樣式來達到誘導分享目的的行為等。這也是小程序一開始沒推出這個功能的一大原因。
Ⅵ 微信小程序分享功能的實現方法有兩種:
微信小程序分享功能的實現方法有兩種:
第一種
在page.js中實現onShareAppMessage,便可在小程序右上角選擇分享該頁面
第二種
自定義按鈕實現分享,在page中添加一個帶有open-type='share'的button標簽(<button open-type='share'></button>)。點擊該按鈕後,即會自動觸發已經在page.js中定義好的onShareAppMessage方法,實現分享功能。
<button open-type='share'>分享</button>
獲取分享傳遞的參數
如上例,path屬性指向的是user頁面,並附帶id=123的參數。我們只需在user.js的onLoad函數中,通過options查看傳遞過來的參數:
Ⅶ 城城分現金怎麼分享小程序
1.入口
①小程序右上角自帶的分享功能(...):
如果在當前頁面調用wx.hideShareMenu()方法,那麼右上角的分享功能將被隱藏,當然,隱藏方法與現實方法是承兌出現的,調用wx.showShareMenu()方法,可以顯示該功能。
②自定義分享按鈕:<butto n open-type='share'>分享</butto n>
以上兩種方式均可實現分享功能
2.分享數據類型
不管採用以上何種方法,轉發給好友的數據總歸有它的數據模型,該數據模型是通過onShareAppMessage(options)返回的,也就是return一個object即可。其中,options.from可以用來判斷是從自定義button打開的轉發頁面,還是從右上角的打開的轉發頁面。
Ⅷ 微信小程序之自定義分享
微信小程序中自定義分享: 該功能將客戶看到的小程序頁面進行分享,從而達到頁面的傳播作用。
通過給 button 組件設置屬性 open-type="share" ,可以在用戶點擊按鈕後觸發 Page.onShareAppMessage 事件,相關組件: button 。
上訴button按鈕需要綁定open-typre=「share」 這個參數即可實現分享好友功能。
注意:模擬器不支持,需要在真機上進行測試。
其中有三個參數:
監聽用戶點擊頁面內轉發按鈕( button 組件 open-type="share" )或右上角菜單「轉發」按鈕的行為,並自定義轉發內容。
注意:只有定義了此事件處理函數,右上角菜單才會顯示「轉發」按鈕
此事件處理函數需要 return 一個 Object,用於自定義轉發內容,返回內容如下:
自定義轉發內容 基礎庫 2.8.1 起,分享圖支持雲圖片。
Ⅸ 京東城城分現金如何分享小程序
京東城城分現金分享小程序方式有:
1、小程序右上角自帶的分享功能(...)。在當前頁面調用wx.hideShareMenu()方法,那麼右上角的分享功能將被隱藏,隱藏方法與現實方法是承兌出現的,調用wx.showShareMenu()方法,可以顯示該功能。
2、自定義分享按鈕: