微信小程序实现的自定义分享功能示例
2019/6/26 23:13:30
本文主要是介绍微信小程序实现的自定义分享功能示例,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
本文实例讲述了微信小程序实现的自定义分享功能。分享给大家供大家参考,具体如下:
大家都知道,小程序有分享的功能,可以分享整个程序,也可以自定义分享的内容
onShareAppMessage
在 Page 中定义 onShareAppMessage 函数,设置该页面的分享信息。
- 只有定义了此事件处理函数,右上角菜单才会显示“分享”按钮
- 用户点击分享按钮的时候会调用
- 此事件需要 return 一个 Object,用于自定义分享内容
示例代码:
Page({ onShareAppMessage: function () { return { title: '自定义分享标题', path: '/page/user?id=123' } } })
官方文档:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html#onshareappmessage
但是这个id很多人不明白是什么id,之前我也不明白,后来发现这个id就是你要分享的这篇文章的id,但是一定要注意异步与同步的问题
下面是我的代码:
//分享 onShareAppMessage: function () { var article_id = wx.getStorageSync('current_article_id'); var path = '/pages/article/article?article_id=' + article_id +''; return { title: article_title, path: path } },
希望本文所述对大家微信小程序开发有所帮助。
这篇关于微信小程序实现的自定义分享功能示例的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-27Vue2面试真题详解与实战教程
- 2024-12-27Vue3面试真题详解与实战攻略
- 2024-12-27JS大厂面试真题解析与实战指南
- 2024-12-27JS 大厂面试真题详解与实战指南
- 2024-12-27React 大厂面试真题详解及应对策略
- 2024-12-27Vue2 大厂面试真题详解及实战演练
- 2024-12-27Vue3 大厂面试真题详解及实战指南
- 2024-12-27Vue3大厂面试真题详解与实战攻略
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础