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


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脚本
Dec 03 Javascript
让iframe子窗体取父窗体地址栏参数(querystring)
Oct 13 Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
详解原生js实现offset方法
Jun 15 Javascript
基于require.js的使用(实例讲解)
Sep 07 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 Javascript
使用uni-app开发微信小程序的实现
Dec 13 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文章按日期(月日)SQL归档语句
2012/11/29 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
给Function做的OOP扩展
2009/05/07 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
基于BootStrap Metronic开发框架经验小结【二】列表分页处理和插件JSTree的使用
2016/05/12 Javascript
Vue常用指令V-model用法
2017/03/08 Javascript
分享5个顶级的JavaScript Ajax组件库
2018/09/16 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
JS实现移动端在线签协议功能
2019/08/22 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
python实现聊天小程序
2018/03/13 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
python绘制热力图heatmap
2020/03/23 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
澳大利亚购买健身器材网站:Gym Direct
2019/12/19 全球购物
劳资专员岗位职责
2013/12/27 职场文书
机械系毕业生求职信
2014/05/28 职场文书
企业人事任命书
2014/06/05 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
Java数据结构之堆(优先队列)
2022/05/20 Java/Android
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS