加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 20:00:15 所属栏目:资源 来源:网络整理
导读:本篇文章给大家带来的内容是关于微信小程序实例:自定义分享功能的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 本章节介绍的是小程序的自定义分享的功能。 可以分享小程序的任何一个页面给好友或群聊。注意是分享给好友或群

本篇文章给大家带来的内容是关于微信小程序实例:自定义分享功能的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

本章节介绍的是小程序的自定义分享的功能。

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

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

<img src="https://www.52php.cn/res/2019/01-08/21/355a44428d885c3c16262f8108ecdf67.png"&gt;

<img src="https://www.52php.cn/res/2019/01-08/21/c33561416bf7948a8085ff9597264108.png"&gt;

原理:

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读