微信小程序从零开始开发步骤(四)自定义分享的功能

上一章节,实现了小程序的底部导航的功能,这一节开始实现一些简单的功能。本章节介绍的是小程序的自定义分享的功能。

可以分享小程序的任何一个页面给好友或群聊。注意是分享给好友或群聊,并没有分享到朋友圈。一方面微信在尝试流量分发方式,但同时又不愿意开放最大的流量入口。

开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?t=20161221

图片.png

实现步骤很简单

在index/index.js里面添加了一段自定义分享的代码如下, path: '/page/index?id=123',实现了index首页页面的分享功能

示例代码:
Page({
 
  onShareAppMessage: function () {
 
    return {
 
      title: '自定义分享标题',
 
      desc: '自定义分享描述',
 
      path: '/page/index?id=123'
 
    }
 
  }
 
})

解释一下意思:

Page()中加上如下代码后在右上角意思 title:分享的标题. desc:分享一段描述. path:这个参数以前在微信中的分享一般都是url.这里pages/index?id=123是在首页页面设置分享的意思。

图片.png

图片.png

下一章:微信小程序从零开始开发步骤(五)简单的轮播图

原理:

在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。

1:只有定义了此事件处理函数,右上角菜单才会显示 “转发” 按钮: 2:用户点击转发按钮的时候会调用: 3:此事件需要 return 一个 Object,用于自定义转发内容

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏狂码一生

thinkphp3.2简洁美观的分页样式

风格一 分页模块: <div class="tp_page">     {$pageShow} </div> 分页样式: .tp_page{     width...

3676
来自专栏建站达人秀

如何通过 cos 托管静态网站

近期发现腾讯云的COS服务竟然支持部署静态网站了,故写本文记录分享最新版COS部署静态网站过程。

1K11
来自专栏知晓程序

晓实战 | 最实用的微信支付模板消息实战分享(内含源码)

我们会定期邀请优秀的开发者,从实践的角度,亲自分享他们使用知晓云(cloud.minaapp.com)开发的实战经验,如果你也想分享你的小程序实战经验,欢迎加入...

1322
来自专栏IT大咖说

京东小程序的三生三世

摘要 作为中国最大的自营式电商企业,京东小程序的开发也是一波三折。 “不是每个人都能看透这三生三世的爱恨交织。” ? 前世 ? 之前京东购物入口的首页还是比较复...

4029
来自专栏知晓程序

「大众点评点餐」小程序开发经验 05:解析开发工具

周中坚,美团点评工程师,4年 Web 前端开发经验,主要负责过会员卡、外卖、预订、商家平台等业务的前端开发,现在是美团点评点餐团队的一员。

1703
来自专栏python+iOS学习交流

7年iOS架构师教你如何快速提高并掌握 iOS开发核心技能

首先你要花点时间针对objective-c语言的学习;毕竟这个是iOS开发的基础(你也可以尝试用Swift,但此项目只是针对OC),编程套路其实都是差不多,多写...

1611
来自专栏搞前端的李蚊子

微信小程序使用字体图标的方法

一、先到阿里巴巴矢量图标库(http://iconfont.cn/),用微博帐号登录,搜索你想要的图标,然后添加入库 image.png 从项目里下载下来并解压...

3205
来自专栏狂码一生

QT5获取文件信息

1194
来自专栏张善友的专栏

使用Google CDN服务提供的jQuery库

jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优...

23010
来自专栏WindCoder

2014-2015插件整理

主要作用:Protect your WordPress site by hiding vital areas of your site, protecting ...

772

扫码关注云+社区

领取腾讯云代金券