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


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 相关文章推荐
js电信网通双线自动选择技巧
Nov 18 Javascript
HTML 自动伸缩的表格Table js实现
Apr 01 Javascript
javascript拓展DOM操作 prependChild insertAfert
Nov 17 Javascript
jQuery实现动画效果的简单实例
Jan 27 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
Javascript中神奇的this
Jan 20 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
详解Javascript中DOM的范围
Feb 13 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
关于JavaScript语句后面的分号问题
Dec 07 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
vue iview实现动态新增和删除
Jun 17 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
Laravel 5框架学习之用户认证
2015/04/09 PHP
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
2007/01/09 Javascript
小议javascript 设计模式 推荐
2009/10/28 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
2016/07/09 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
大转盘抽奖小程序版 转盘抽奖网页版
2020/04/16 Javascript
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
thinkjs微信中控之微信鉴权登陆的实现代码
2019/08/08 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Python实现列表转换成字典数据结构的方法
2016/03/11 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
Python学生成绩管理系统简洁版
2020/04/05 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
解决flask接口返回的内容中文乱码的问题
2020/04/03 Python
python sleep和wait对比总结
2021/02/03 Python
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
html5拖拽应用记录及注意点
2020/05/27 HTML / CSS
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
澳大利亚在线百货商店:Real Smart
2017/08/13 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
美国精品地毯网站:Boutique Rugs
2020/03/04 全球购物
初入社会应届生求职信
2013/11/18 职场文书
安全生产活动月方案
2014/03/09 职场文书
小学新学期寄语
2014/04/02 职场文书
特教教师先进事迹
2014/05/21 职场文书
运动会标语
2014/06/21 职场文书
2016年全国助残日活动总结
2016/04/01 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书