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

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

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

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

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

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

代码语言:javascript复制示例代码:

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://cloud.tencent.com/developer/article/1141318

微信小程序从零开始开发步骤(二)创建小程序页面https://cloud.tencent.com/developer/article/1141329

微信小程序从零开始开发步骤(三)底部导航栏https://cloud.tencent.com/developer/article/1140238

微信小程序从零开始开发步骤(四)自定义分享的功能https://cloud.tencent.com/developer/article/1140245

微信小程序从零开始开发步骤(五)轮播图https://cloud.tencent.com/developer/article/1140235

微信小程序从零开始开发步骤(六)4种页面跳转的方法https://cloud.tencent.com/developer/article/1140251

微信小程序从零开始开发步骤(七)引入外部js 文件https://cloud.tencent.com/developer/article/1140247

微信小程序从零开始开发步骤(八)引入框架WeUI:https://cloud.tencent.com/developer/article/1141379

相关风雨

CFPL总决赛的赛制规则解析
365bet下注网站

CFPL总决赛的赛制规则解析

🌊 07-18 💨 阅读 1332
鋸棕櫚是最被低估的生髮成分?惟4類人不適合用
365彩票官网app下载安装

鋸棕櫚是最被低估的生髮成分?惟4類人不適合用

🌊 10-22 💨 阅读 3512
世界杯H组哥伦比亚23人名单:J罗领衔 莫雷诺落选
365彩票官网app下载安装

世界杯H组哥伦比亚23人名单:J罗领衔 莫雷诺落选

🌊 10-23 💨 阅读 3688