微信小程序实现的自定义分享功能示例

这篇文章主要介绍了微信小程序实现的自定义分享功能,结合实例形式分析了微信小程序自定义分享功能的原理与简单实现技巧,需要的朋友可以参考下

本文实例讲述了微信小程序实现的自定义分享功能。分享给大家供大家参考,具体如下:

大家都知道,小程序有分享的功能,可以分享整个程序,也可以自定义分享的内容

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 } }, 

希望本文所述对大家微信小程序开发有所帮助。

以上就是微信小程序实现的自定义分享功能示例的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程