微信小程序 转发分享功能

article/2025/10/9 7:32:54

转发

获取更多转发信息

通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识。现在通过调用 wx.showShareMenu 并且设置 withShareTicket 为 true ,当用户将小程序转发到任一群聊之后,此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch 或 App.onShow 获取到一个 shareTicket。通过调用 wx.getShareInfo 接口传入此 shareTicket 可以获取到转发信息。

页面内发起转发

基础库 1.2.0 开始支持,低版本需做兼容处理。

通过给 button 组件设置属性 open-type="share",可以在用户点击按钮后触发 Page.onShareAppMessage 事件,相关组件:button。

<button open-type="share">分享</button>

onShareAppMessage(Object object)

监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。

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

参数 Object object:

参数类型说明最低版本
fromString转发事件来源。
button:页面内转发按钮;
menu:右上角转发菜单
1.2.4
targetObject如果 from 值是 button,则 target 是触发这次转发事件的 button,否则为 undefined1.2.4
webViewUrlString页面中包含web-view组件时,返回当前web-view的url1.6.4

此事件处理函数需要 return 一个 Object,用于自定义转发内容,返回内容如下:

自定义转发内容 基础库 2.8.1 起,分享图支持云图片。

字段说明默认值最低版本
title转发标题当前小程序名称 
path转发路径当前页面 path ,必须是以 / 开头的完整路径 
imageUrl自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4。使用默认截图1.5.0

实例代码:

  onShareAppMessage:function(options){return {title: '爱心发射', //转发的标题path: '/pages/img/img', //要发送页面的路径imageUrl: '../../imgs/1.jpg'  //转发时图片的路径,如果没有则是页面信息}}

Tips

  1. 不自定义转发图片的情况下,默认会取当前页面,从顶部开始,高度为 80% 屏幕宽度的图像作为转发图片。
  2. 转发的调试支持请查看 普通转发的调试支持 和 带 shareTicket 的转发
  3. 只有转发到群聊中打开才可以获取到 shareTickets 返回值,单聊没有 shareTickets
  4. shareTicket 仅在当前小程序生命周期内有效
  5. 由于策略变动,小程序群相关能力进行调整,开发者可先使用 wx.getShareInfo 接口中的群 ID 进行功能开发。
  6. 微信7.0.12开始,支持群主转发小程序时同时把消息设为该群的群待办消息,群待办消息会以气泡形式出现在聊天窗口底部。默认每次转发一个群待办消息,都会生成一个待办消息气泡。通过 wx.updateShareMenu 接口修改toDoActivityId属性可以把多个待办消息聚合为同一个,即转发相同toDoActivityId的群待办消息,只会出现一个待办消息气泡。toDoActivityId需要在转发前通过 updatableMessage.createActivityId 接口创建。

 


http://chatgpt.dhexx.cn/article/cak0aqNF.shtml

相关文章

小程序之 实现转发/分享功能

1.点击右上角转发菜单实现转发/分享 点击右上角胶囊按钮的转发菜单 2.点击’转发’ 3. 最终效果如图所示: wxml部分代码如下: <text>hello world!</text>js部分代码如下: onShareAppMessage: function (res) {console.log(res.from)return {title: 标题标题标…

微信小程序如何实现转发/分享功能

在微信小程序的开发中&#xff0c;我们经常遇到把当前页面转发给好友的需求。并且大部分时候&#xff0c;转发的页面都是带参数的。这里面坑还是比较多的。 <button open-type"share" type"primary">分享给好友</button>首先我们先写一个butto…

微信小程序 转发功能实例讲解

▽ 背景 最近在开发小程序过程中&#xff0c;需要设计一个 “好友代付” 的功能&#xff0c;目的就是点击按钮&#xff0c;引导微信用户转发此页面到好友或微信群中&#xff0c;让对方帮你付款 ▼ 知识讲解 ①. 首先&#xff0c;开发前的重要一步就是&#xff0c;阅读小程序…

微信小程序 转发功能的实现

微信小程序 转发功能的实现 1.当用户将小程序转发到任一群聊之后&#xff0c;可以获取到此次转发的 shareTicket 2.此转发卡片在群聊中被其他用户打开时&#xff0c;可以在 App.onLaunch() 或 App.onShow 获取到另一个 shareTicket 3.两步获取到的 shareTicket 均可通过 wx…

uniapp开发的微信小程序之实现转发功能以及页面跳转传递、接收对象

效果图&#xff1a; 转发功能&#xff1a; <template><view class"container"><button class"share-btn" open-type"share">转发</button></view> </template><script> export default {data() {re…

微信小程序转发功能

微信小程序转发涉及以下4个方法&#xff1a; 1、Page.onShareAppMessage({}) 设置右上角“转发”配置&#xff0c;及转发后回调函数返回 shareTicket 票据 2、wx.showSahreMenu() 用户点击右上角后&#xff0c;显示“转发”按钮 3、wx.hideShareMenu() 隐藏转发按钮&#xff0…

微信小程序开发实战9_2 小程序页面转发

小程序页面转发是小程序分享的一个重要方式&#xff0c;在设计小程序应用时就需要考虑那些页面需要实现转发功能&#xff0c;以及页面的转发参数。本节介绍如何进行小程序页面的分享&#xff0c;并介绍如何获取小程序卡片的分享票据。 9.2.1小程序页面转发 微信小程序提供了页…

Ubuntu16.04安装Cronolog

一、下载安装包 wget https://files.cnblogs.com/files/crazyzero/cronolog-1.6.2.tar.gz 二、 解压缩 tar -xzvf cronolog-1.6.2.tar.gz 三、进入安装目录 cd cronolog-1.6.2/ 四、运行安装 ./configure && make && make install 五、查看是否安装成功 wh…

Linux中Tomcat中的Cronolog日志分割工具配置

说明 在Tomcat 部署中我们默认访问的日志是logs 随着访问量的增加 一个catalina.out 访问量可能是10几G 如果不对logs 的日志进行分割的话&#xff0c;随着访问量的增加Tomcat 的日志就会占用大量资源浪费 &#xff0c;特此 需要使用 cronlong 日志分割工具进行分割日志 如图所…

CentoS 7.8.2003 安装篇三:Cronolog 日期切割工具

一、下载 wget http://cronolog.org/download/cronolog-1.6.2.tar.gz二. 解压缩 tar zxvf cronolog-1.6.2.tar.gz 三. 进入安装目录 cd cronolog-1.6.2 四. 运行安装 ./configure make make install 五. 查看是否安装成功 which cronolog…

使用cronolog进行日志切割

1、下载&#xff08;最新版本&#xff09; # wget http://cronolog.org/download/cronolog-1.6.2.tar.gz 2、解压缩 tar -xvf cronolog-1.6.2.tar 3、进入cronolog安装文件所在目录 cd cronolog-1.6.2 4、运行安装 # ./configure # make # make install 5、查看cronol…

cronolog切割tomcat的catalina.out日志

Linux下运行的Web服务器Apache&#xff0c;默认日志文件是不分割的&#xff0c;一个整文件既不易于管理&#xff0c;也不易于分析统计。安装cronolog后&#xff0c;可以将日志文件按时间分割&#xff0c;易于管理和分析。补充&#xff1a;apache自带的日志分割工具rotatelogs&a…

Tomcat日志切割cronolog

Cronolog 分割 Tomcat8 Catalina.out日志。 默认情况下&#xff0c;tomcat的catalina.out日志文件是没有像其它日志一样&#xff0c;按日期进行分割&#xff0c;而是全部输出全部写入到一个catalina.out&#xff0c;这样日积月累就会造成.out日志越来越大&#xff0c;给管理造成…

使用工具Cronolog进行日志分隔

前言&#xff1a;tomcat日志按日期切割 使用Cronolog 分割 Tomcat9下的catalina.out日志&#xff1b;tomcat的catalina.out日志文件无法按照日期进行自行分割&#xff0c;全部输出并写入到一个catalina.out文件下&#xff0c;如此日积月累就会造成.out日志越来越大&#xff0c…

Linux下tomcat日志分割工具cronolog

使用cronolog在Linux 下进行日志分割 1、下载编译安装 点击下载&#xff1a;cronolog-1.6.2.tar.gz 上传至Linux的/usr/local/src/07.cronolog下 执行解压&#xff1a; tar –zxvf cronolog-1.6.2.tar.gz 编辑配置 cd cronolog-1.6.2 ./configure 编译…

日志切割工具cronolog详解

日志切割工具cronolog详解 大家都知道apache服务器&#xff0c;默认日志文件是不分割的&#xff0c;一个整文件既不易于管理&#xff0c;也不易于分析统计。本文主要讲解Web服务器日志切割工具cronolog&#xff0c;下面我们就来详细的讲解一下。 1.上传及安装日志轮询工具cro…

win cronolog tomcat 日志分割

首先找到tomcat得bin目录录下边得startup.bat 编辑文件 call "%EXECUTABLE%" start %CMD_LINE_ARGS% 换成 call "%EXECUTABLE%" run %CMD_LINE_ARGS% 修改之后 如下 cronolog.exe 去下边得链接去下载&#xff0c;我也是花了一块钱去下载的&#xff0c;找…

tomcat 配置 cronolog

1、将文件复制到制定目录下&#xff0c;解压文件 tar xf cronolog-1.6.2.tar.gz 2、进入目录 cd cronolog-1.6.2 运行配置 ./configure &>/dev/null 3、执行 make &>/dev/null make install &>/dev/null 4、最后修改 tomcat bin目录下catalina.sh …

java日志切割工具_Cronolog日志分割工具

释放双眼&#xff0c;带上耳机&#xff0c;听听看~&#xff01; 下载安装Cronolog wget http://rpmfind.net/linux/epel/7/x86_64/Packages/c/cronolog-1.6.2-14.el7.x86_64.rpm rpm -Uvh cronolog-1.6.2-14.el7.x86_64.rpm #验证cronolog安装路径 which cronolog /sbin/cronol…

Linux 日志切割工具cronolog无root权限安装

1、下载安装包&#xff0c;我这下载的是cronolog-1.6.2.tar.gz 2、放到自己有权限的目录下面比如 /home/cronolog/ 3、解压 tar zxvf cronolog-1.6.2.tar.gz 4、进入cronolog安装文件所在目录 cd cronolog-1.6.2 2.4 运行安装 ./configuremakemake install 注&#xff…