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


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实现点击TreeView文本父节点展开/折叠子节点
Jan 10 Javascript
js中function()使用方法
Dec 24 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
Aug 15 Javascript
javascript实现全局匹配并替换的方法
Apr 27 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
Boostrap入门准备之border box
May 09 Javascript
angular学习之从零搭建一个angular4.0项目
Jul 10 Javascript
vue中appear的用法
Aug 17 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
Mar 13 Javascript
详解如何在微信小程序中愉快地使用sass
Jul 30 Javascript
Node.js Windows Binary二进制文件安装方法
May 16 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
smarty模板中拼接字符串的方法
2014/02/14 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
php显示时间常用方法小结
2015/06/05 PHP
SSO单点登录的PHP实现方法(Laravel框架)
2016/03/23 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
PHP7多线程搭建教程
2017/04/21 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
jQuery中each()方法用法实例
2014/12/27 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
windows下cx_Freeze生成Python可执行程序的详细步骤
2018/10/09 Python
Python 文本文件内容批量抽取实例
2018/12/10 Python
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
计算机专业学生求职信分享
2013/12/15 职场文书
大课间活动制度
2014/01/18 职场文书
春节联欢晚会主持词范文
2014/03/24 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
学习三严三实心得体会
2014/10/13 职场文书
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript
gojs实现蚂蚁线动画效果
2022/02/18 Javascript
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers