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

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

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

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

实现步骤很简单

在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是在首页页面设置分享的意思。

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

下一章：微信小程序从零开始开发步骤（五）简单的轮播图

原理：

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

1：只有定义了此事件处理函数，右上角菜单才会显示 “转发” 按钮:

2：用户点击转发按钮的时候会调用:

3：此事件需要 return 一个 Object，用于自定义转发内容

阅读链接：

微信小程序从零开始开发步骤（一）搭建开发环境https://www.jianshu.com/p/0ff8c3b2f59f

微信小程序从零开始开发步骤（二）创建小程序页面https://www.jianshu.com/p/fe0db14e2869

微信小程序从零开始开发步骤（三）底部导航栏https://www.jianshu.com/p/89a63dc99839

微信小程序从零开始开发步骤（四）自定义分享的功能https://www.jianshu.com/p/65d9bdb8051d

微信小程序从零开始开发步骤（五）轮播图https://www.jianshu.com/p/bc3261557031

微信小程序从零开始开发步骤（六）4种页面跳转的方法https://www.jianshu.com/p/01a5a6a0fdb9

微信小程序从零开始开发步骤（七）引入外部js 文件https://www.jianshu.com/p/5f2cde64d7f2

微信小程序从零开始开发步骤（八）引入框架WeUI：https://www.jianshu.com/p/fd423b6e17be

秒客网

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

实现步骤很简单

解释一下意思：

原理：

相关文章