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


Posted in Javascript onFebruary 12, 2019

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

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

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

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

Javascript 相关文章推荐
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
面向对象的Javascript之一(初识Javascript)
Jan 20 Javascript
js/jQuery简单实现选项卡功能
Jan 02 Javascript
json格式的javascript对象用法分析
Jul 04 Javascript
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
Nov 23 Javascript
Java设计中的Builder模式的介绍
Mar 22 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
vue2配置scss的方法步骤
Jun 06 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
JS实现网页端猜数字小游戏
Mar 06 Javascript
vuex的数据渲染与修改浅析
Nov 26 Vue.js
JavaScript实现H5接金币功能(实例代码)
Feb 22 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
Feb 12 #Javascript
实例分析编写vue组件方法
Feb 12 #Javascript
详解vue引入子组件方法
Feb 12 #Javascript
vue组件之间数据传递的方法实例分析
Feb 12 #Javascript
vue添加class样式实例讲解
Feb 12 #Javascript
Vue中使用canvas方法总结
Feb 12 #Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 #Javascript
You might like
php curl 登录163邮箱并抓取邮箱好友列表的代码(经测试)
2011/04/07 PHP
PHP开发微信支付的代码分享
2014/05/25 PHP
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
浅析php设计模式之数据对象映射模式
2016/03/03 PHP
PHP之将POST数据转化为字符串的实现代码
2016/11/03 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
JQuery Dialog的内存泄露问题解决方法
2010/06/18 Javascript
顶部缓冲下拉菜单导航特效的JS代码
2013/08/27 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
Javascript异步编程模型Promise模式详细介绍
2014/05/08 Javascript
jquery实现公告翻滚效果
2015/02/27 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
微信小程序 网络API 上传、下载详解
2016/11/09 Javascript
vue实现列表的添加点击
2016/12/29 Javascript
js实现消息滚动效果
2017/01/18 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
vue 动态绑定背景图片的方法
2018/08/10 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
2020/09/18 Javascript
[33:15]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VP VS Mineski
2018/03/31 DOTA
Python中的is和id用法分析
2015/01/26 Python
CentOS安装pillow报错的解决方法
2016/01/27 Python
Python 查看文件的编码格式方法
2017/12/21 Python
python输出pdf文档的实例
2020/02/13 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
给导游的表扬信
2014/01/10 职场文书
搞笑获奖感言
2014/01/30 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
股东协议书范本
2014/04/14 职场文书
法制主题班会教案
2015/08/13 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python