第19课：分享能力
进度 0/30
📣
分享能力
让朋友看到你的作品
📖知识引入
🎁onShareAppMessage
在页面js里写这个函数，右上角菜单的「转发」就被激活了。return的title、path、imageUrl决定卡片样子。
🖼️自定义转发卡片
一个吸引人的标题+一张漂亮的封面图，点击率翻倍。卡片是小程序的「广告位」，值得好好设计。
🔘分享按钮
button加open-type="share"属性，点击直接触发转发——比让用户去右上角翻菜单方便得多。
💬分享到朋友圈
onShareTimeline函数支持把小程序分享到朋友圈（安卓体验更佳）。分享路径都要填对。
📈传播的力量
小程序靠微信社交链传播：好作品会被一传十、十传百。这是小程序最大的魔法，也是创业者的最爱。
💡
会分享的小程序才跑得远：一张好卡片胜过千言万语！
🔍转发卡片DIY
Page({
// 转发给好友
onShareAppMessage() {
return {
title: '我做了个记账小程序，超好用！',
path: '/pages/index/index',
imageUrl: '/images/share.png'
}
},
// 分享到朋友圈
onShareTimeline() {
return { title: '一起来记账呀' }
}
})
<!-- WXML：点按钮直接转发 -->
<button open-type="share">分享给好友</button>转发到好友聊天的卡片：
┌──────────────────┐ │ ┌────┐ 我做了个记账 │ │ │图片│ 小程序，超好用！│ │ └────┘ 小程序名称 │ └──────────────────┘
好友点卡片→直接进入你的小程序！
传播链：
你→好友A→好友A的好友B→…
假设每人分享给3个人： 3 → 9 → 27 → 81 → 243 五层就是好几百用户！
这就是为什么创业者 都爱做小程序—— 微信社交圈就是最好的 免费广告牌！
🎯小测验
第1题：激活页面右上角的「转发」功能，需要在页面里写？
第2题：想让按钮一点就直接转发，button要加什么属性？
第3题：转发卡片上能自定义的内容包括？
📝本课知识点
- ✓onShareAppMessage激活转发
- ✓自定义标题+路径+封面图
- ✓open-type="share"按钮直转
- ✓onShareTimeline分享朋友圈
- ✓社交传播是小程序的超能力
第19课完成！继续探索下一课吧 🚀