推荐一个自带流量加成的小程序接口

正文共： 1846字 5图

预计阅读时间： 5分钟

 

图片类小程序必备

接口名称：wx.showShareImageMenu

wx.showShareImageMenu是微信小程序的一个API，用于调起系统的图片分享菜单，让用户能方便地将图片发送给朋友、收藏或保存到手机。

这个描述其实不是重点，重点是它可以作为一个很好的流量入口，裂变入口。

常规情况下，用户在小程序页面长按图片时，是弹出一个转发、保存、收藏的按钮，如果有二维码，还会识别到二维码信息。

像下面这样。

这个也是调用的的微信小程序的接口，我在Vibecoding的时候，一般会要求AI用“wx.previewImage”这个接口来实现图片展示。

今天和AI聊了下，这个可能还涉及到图片组件原生菜单，名字是：show-menu-by-longpress，具体就不太懂了，和今天推荐的这个接口不相干。

如果调用前面推荐的这个接口：wx.showShareImageMenu，并将needShowEntrance设置为true时，就可以在转发图片的时候，带入小程序的相关信息，并实现通过图片跳转至小程序的功能，进而实现裂变或者引流的效果。

看一下它的效果👇

就类似截图小程序图片时，以及转发公众号文字片段时会有的这个跳转链接一样，非常方便用户使用，也能带来一定的裂变流量。

---

wx.showShareImageMenu接口使用方式

可以参考下图使用流程👇

针对不同的图片资源或类型（网络图片、Base64图片、Canvas生成图、本地图片），有不同的处理方式。

比如我使用的是网络图片，需要先通过wx.downloadFile下载，再获取临时路径（res.tempFilePath），之后才能唤起这个功能。

当然这个部分我也不懂，Vibecoding的时候，AI直接帮我实现了。

---

wx.showShareImageMenu接口基础信息

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

以 Promise 风格 调用：支持

小程序插件：支持，需要小程序基础库版本不低于 2.16.0

微信 Windows 版：支持

微信 Mac 版：支持

微信 鸿蒙 OS 版：支持

功能描述

打开分享图片弹窗，可以将图片发送给朋友、分享至朋友圈、收藏或下载

参数

Object object

 

| 属性              | 类型     | 默认值   | 必填 | 说明                                                                 | 最低版本 |
|-------------------|----------|----------|------|----------------------------------------------------------------------|----------|
| path              | string   |          | 是   | 要分享的图片地址，必须为本地路径或临时路径                            |          |
| needShowEntrance  | boolean  | true     | 否   | 分享的图片消息是否要带小程序入口                                    | 3.2.0    |
| entrancePath      | string   | ''       | 否   | 发送给朋友时，小程序入口打开小程序的路径，如果当前页面允许分享给朋友，则默认为当前页面路径，否则默认为小程序首页 | 3.2.0    |
| success           | function |          | 否   | 接口调用成功的回调函数                                               |          |
| fail              | function |          | 否   | 接口调用失败的回调函数                                               |          |
| complete          | function |          | 否   | 接口调用结束的回调函数（调用成功、失败都会执行）                     |          |

 

示例代码

 

wx.downloadFile({
  url: 'https://res.wx.qq.com/wxdoc/dist/assets/img/demo.ef5c5bef.jpg',
  success: (res) => {
    wx.showShareImageMenu({
      path: res.tempFilePath
    })
  }
})

 

Tips

1. 从基础库 3.8.2 开始，style 参数废弃
2. 从基础库 3.8.2 开始，needShowEntrance 参数默认值从 false 改为 true
3. 从基础库 3.8.2 开始，支持分享至朋友圈，分享至朋友圈的图片不支持带有二维码（可支持小程序码）

此外

在技术博客中查到的信息，needShowEntrance只针对指定类目开放。

包括小游戏所有类目，以及小程序部分类目👇

分享的图片消息是否要带小程序入口，支持申明类目：商家自营、电商平台、餐饮服务(餐饮服务场所/餐饮服务管理企业、点餐平台、外卖平台)、旅游服务(住宿服务、景区服务、OTA、旅游管理单位)、生活服务(家政服务、丽人服务、宠物(非医院类)、婚庆服务、洗浴保健、休闲娱乐、百货/超市/便利店、开锁服务、营业性演出票务、其他宠物健康服务、洗浴保健平台、共享服务、跑腿、寄存、求职/招聘)

AtlasLapetos—https://www.cnblogs.com/AtlasLapetos/p/18628298

---

如果你能看到这里，非常感谢你的耐心阅读。

我会在「数字游民9527」这个账号，持续分享我探索AI的各种可能性，以及遇到的有意思的人和事儿。

欢迎成为我的精神股东，等我发达了，一定请你们一条龙。