上一章節(jié)纷跛,實(shí)現(xiàn)了小程序的底部導(dǎo)航的功能,這一節(jié)開(kāi)始實(shí)現(xiàn)一些簡(jiǎn)單的功能邀杏。本章節(jié)介紹的是小程序的自定義分享的功能贫奠。
可以分享小程序的任何一個(gè)頁(yè)面給好友或群聊。注意是分享給好友或群聊望蜡,并沒(méi)有分享到朋友圈唤崭。一方面微信在嘗試流量分發(fā)方式,但同時(shí)又不愿意開(kāi)放最大的流量入口脖律。
開(kāi)發(fā)文檔:https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?t=20161221
實(shí)現(xiàn)步驟很簡(jiǎn)單
在index/index.js里面添加了一段自定義分享的代碼如下谢肾, path: '/page/index?id=123',實(shí)現(xiàn)了index首頁(yè)頁(yè)面的分享功能
示例代碼:
Page({
onShareAppMessage: function () {
return {
title: '自定義分享標(biāo)題',
desc: '自定義分享描述',
path: '/page/index?id=123'
}
}
})
解釋一下意思:
Page()中加上如下代碼后在右上角意思
title:分享的標(biāo)題.
desc:分享一段描述.
path:這個(gè)參數(shù)以前在微信中的分享一般都是url.這里pages/index?id=123是在首頁(yè)頁(yè)面設(shè)置分享的意思小泉。
下一章:微信小程序從零開(kāi)始開(kāi)發(fā)步驟(五)簡(jiǎn)單的輪播圖
原理:
在 Page 中定義 onShareAppMessage 函數(shù)芦疏,設(shè)置該頁(yè)面的轉(zhuǎn)發(fā)信息冕杠。
1:只有定義了此事件處理函數(shù),右上角菜單才會(huì)顯示 “轉(zhuǎn)發(fā)” 按鈕:
2:用戶點(diǎn)擊轉(zhuǎn)發(fā)按鈕的時(shí)候會(huì)調(diào)用:
3:此事件需要 return 一個(gè) Object眯分,用于自定義轉(zhuǎn)發(fā)內(nèi)容
文末福利:
福利一:前端,Java柒桑,產(chǎn)品經(jīng)理弊决,微信小程序,Python等資源合集大放送:http://www.reibang.com/p/e8197d4d9880
福利二:微信小程序入門與實(shí)戰(zhàn)全套詳細(xì)視頻教程:http://www.reibang.com/p/e8197d4d9880
原文作者:祈澈姑娘魁淳;原文鏈接:http://www.reibang.com/u/05f416aefbe1
創(chuàng)作不易飘诗,轉(zhuǎn)載請(qǐng)告知;90后前端妹子界逛,愛(ài)編程昆稿,愛(ài)運(yùn)營(yíng),愛(ài)折騰息拜。
閱讀鏈接:
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(一)搭建開(kāi)發(fā)環(huán)境http://www.reibang.com/p/0ff8c3b2f59f
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(二)創(chuàng)建小程序頁(yè)面http://www.reibang.com/p/fe0db14e2869
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(三)底部導(dǎo)航欄http://www.reibang.com/p/89a63dc99839
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(四)自定義分享的功能http://www.reibang.com/p/65d9bdb8051d
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(五)輪播圖http://www.reibang.com/p/bc3261557031
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(六)4種頁(yè)面跳轉(zhuǎn)的方法http://www.reibang.com/p/01a5a6a0fdb9
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(七)引入外部js 文件http://www.reibang.com/p/5f2cde64d7f2
微信小程序從零開(kāi)始開(kāi)發(fā)步驟(八)引入框架WeUI:http://www.reibang.com/p/fd423b6e17be