大家好，我是陈杨，8 年前端老兵转型鸿蒙开发，也是一名鸿蒙极客。从前端到鸿蒙，我靠的是 “三天上手 ArkTS” 的技术嗅觉，以及 “居安思危” 的转型魄力。这三年，我不玩虚的，封装了开源组件库「莓创图表」，拿过创新赛大奖，更带着团队上架了 11 款自研 APP，涵盖工具、效率、创意等多个领域。想体验我的作品？欢迎搜索体验：指令魔方、JLPT、REFLEX PRO、国潮纸刻、Wss 直连、ZenithDocs Pro、圣诞相册、CSS 特效。

在前几篇文章中，我们重点讲解了分享的基础功能、进阶功能、高阶功能相关的知识点。相信大家也都学会了，那么学会之后最重要的是什么？实践。那么我们这次将聚焦这四大核心分享场景，提供可直接复用的实战代码、优化技巧和接收端处理逻辑，帮助开发者快速落地各类分享需求。

一、四大核心分享场景通用基础

无论分享哪种类型的内容，宿主应用都需遵循以下通用流程，确保分享功能稳定运行：

1.1 通用开发步骤

  1. 导入核心模块：统一依赖 systemShare（分享核心）、uniformTypeDescriptor（UTD 类型）、common（上下文）等模块。
  2. 获取有效数据路径：分享的文件（图片/视频）需保存到应用沙箱（filesDir/cacheDir），通过 fileUri.getUriFromPath 生成可访问的 URI。
  3. 精准配置 UTD 类型：不同内容对应固定 UTD 大类，通过文件后缀或 MIME 类型获取精准 UTD，确保目标应用匹配准确。
  4. 构建分享数据与控制器：通过 SharedData 配置内容信息（标题、描述、缩略图），ShareController 拉起分享面板。
  5. 处理结果与异常：通过 then/catch 捕获分享面板显示结果，针对错误场景给出用户提示。

1.2 通用配置参数说明

参数 作用 必选/可选 注意事项
utd 定义分享数据类型 必选 文本用 TEXT、图片用 IMAGE、视频用 VIDEO、链接用 HYPERLINK
uri 文件类内容（图片/视频）的访问路径 文件类必选 需通过沙箱路径生成，不可用外部绝对路径
content 文本/链接类内容的具体值 文本/链接必选 链接需完整（含 http/https），文本长度建议不超过 1000 字
title 分享面板预览标题 可选 不配置时，图片/视频显示文件名，文本显示内容截取，链接显示完整 URL
description 分享面板预览描述 可选 不配置时，图片/视频显示文件大小，文本/链接不显示描述
thumbnail 预览缩略图（Uint8Array 格式） 可选 建议配置，提升预览体验，需压缩至 50KB 以内

二、场景实战 1：纯文本分享（最简洁场景）

纯文本分享适用于分享文案、备注、代码片段等场景，目标设备接收后会自动保存为 TXT 文件（文件管理“华为分享”目录）。

2.1 实战代码（支持单条/多条文本）

import { systemShare } from '@kit.ShareKit';
import { uniformTypeDescriptor as utd } from '@kit.ArkData';
import { common, BusinessError } from '@kit.AbilityKit';
import promptAction from '@ohos.promptAction';

@Component
export default struct TextSharePage {
  // 分享单条文本
  private async shareSingleText() {
    try {
      // 1. 构造文本分享数据
      const shareData = new systemShare.SharedData({
        utd: utd.UniformDataType.TEXT, // 文本类型 UTD
        content: 'HarmonyOS Share Kit 文本分享示例，支持直接复制到目标应用',
        title: '技术文档摘要', // 预览标题
        description: '来自 HarmonyOS 开发指南' // 预览描述
        // 可选：添加文本缩略图（如文本图标 Base64）
        // thumbnail: new Uint8Array(Buffer.from('base64字符串'))
      });

      // 2. 构建控制器并拉起分享面板
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIAbilityContext;
      const controller = new systemShare.ShareController(shareData);

      await controller.show(context, {
        previewMode: systemShare.SharePreviewMode.DETAIL, // 详细预览（显示完整文本）
        selectionMode: systemShare.SelectionMode.SINGLE // 单选模式
      });

      console.info('文本分享面板显示成功');
    } catch (error) {
      const err = error as BusinessError;
      console.error(`单条文本分享失败：Code=${err.code}, Message=${err.message}`);
      promptAction.showToast({ message: '文本分享失败，请重试' });
    }
  }

  // 分享多条文本（如多段备注）
  private async shareMultiText() {
    try {
      // 1. 构造第一条文本数据
      const shareData = new systemShare.SharedData({
        utd: utd.UniformDataType.TEXT,
        content: '第一条文本：HarmonyOS 分布式能力',
        title: '笔记1'
      });

      // 2. 添加第二条文本（通过 addRecord 实现多条分享）
      shareData.addRecord({
        utd: utd.UniformDataType.TEXT,
        content: '第二条文本：Share Kit 跨端分享',
        title: '笔记2'
      });

      // 3. 拉起分享面板
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIAbilityContext;
      const controller = new systemShare.ShareController(shareData);

      await controller.show(context, {
        previewMode: systemShare.SharePreviewMode.DEFAULT, // 简化预览（显示标题列表）
        selectionMode: systemShare.SelectionMode.SINGLE
      });
    } catch (error) {
      const err = error as BusinessError;
      console.error(`多条文本分享失败：${err.message}`);
      promptAction.showToast({ message: '多条文本分享失败' });
    }
  }

  build() {
    Column({ space: 20 }) {
      Button('分享单条文本')
        .width(250)
        .height(45)
        .onClick(() => this.shareSingleText());

      Button('分享多条文本')
        .width(250)
        .height(45)
        .onClick(() => this.shareMultiText());
    }
    .padding(20)
    .width('100%')
    .justifyContent('center');
  }
}

2.2 优化技巧

  • 文本长度控制：单条文本建议不超过 2000 字，过长会导致分享面板预览异常，可通过截取前 100 字 +“…”优化预览。
  • 特殊字符处理：若文本包含换行、表情符号等，需确保编码正确（UTF-8），避免目标应用接收后乱码。
  • 缩略图建议：文本分享可添加相关图标（如笔记图标、文档图标）作为缩略图，提升视觉体验。

三、场景实战 2：图片分享（最常用场景）

图片分享是移动应用高频场景，需重点处理图片路径、缩略图压缩和多图分享，目标设备接收后会保存到图库“华为分享”相册。

3.1 实战代码（单图/多图 + 缩略图优化）

import { systemShare } from '@kit.ShareKit';
import { uniformTypeDescriptor as utd } from '@kit.ArkData';
import { common, BusinessError } from '@kit.AbilityKit';
import { fileUri } from '@kit.CoreFileKit';
import { image } from '@kit.ImageKit';
import promptAction from '@ohos.promptAction';

@Component
export default struct ImageSharePage {
  // 生成压缩后的图片缩略图（关键优化）
  private async generateThumbnail(imagePath: string): Promise<Uint8Array | null> {
    try {
      const imageSource = image.createImageSource(imagePath);
      const imagePacker = image.createImagePacker();

      // 压缩参数：JPEG 格式，质量 30（0-100，平衡清晰度和大小）
      const buffer = await imagePacker.packToData(imageSource, {
        format: 'image/jpeg',
        quality: 30,
        size: { width: 100, height: 100 } // 固定缩略图尺寸，避免拉伸
      });

      return new Uint8Array(buffer);
    } catch (error) {
      console.error(`生成缩略图失败：${(error as Error).message}`);
      return null;
    }
  }

  // 分享单张图片
  private async shareSingleImage() {
    try {
      // 1. 获取沙箱中的图片路径（假设图片已保存到 filesDir）
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIAbilityContext;
      const imagePath = `${context.filesDir}/nature.jpg`; // 替换为实际图片路径

      // 2. 验证图片是否存在
      if (!fileUri.accessSync(imagePath)) {
        promptAction.showToast({ message: '图片文件不存在' });
        return;
      }

      // 3. 获取精准 UTD 类型（.jpg 对应 image/jpeg）
      const utdTypeId = utd.getUniformDataTypeByFilenameExtension(
        '.jpg',
        utd.UniformDataType.IMAGE
      );
      if (!utdTypeId) {
        promptAction.showToast({ message: '获取图片类型失败' });
        return;
      }

      // 4. 生成缩略图
      const thumbnail = await this.generateThumbnail(imagePath);

      // 5. 构造分享数据
      const shareData = new systemShare.SharedData({
        utd: utdTypeId,
        uri: fileUri.getUriFromPath(imagePath), // 沙箱路径转 URI
        title: '自然风景图',
        description: `图片大小：${Math.round(fileUri.getFileSize(imagePath) / 1024)}KB`,
        thumbnail: thumbnail // 配置压缩后的缩略图
      });

      // 6. 拉起分享面板
      const controller = new systemShare.ShareController(shareData);
      await controller.show(context, {
        previewMode: systemShare.SharePreviewMode.DETAIL, // 大图预览
        selectionMode: systemShare.SelectionMode.SINGLE
      });

      console.info('单图分享面板显示成功');
    } catch (error) {
      const err = error as BusinessError;
      console.error(`单图分享失败：Code=${err.code}, Message=${err.message}`);
      promptAction.showToast({ message: '图片分享失败' });
    }
  }

  // 分享多张图片（最多支持 500 张，实际建议不超过 9 张）
  private async shareMultiImages() {
    try {
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIAbilityContext;
      const imagePaths = [
        `${context.filesDir}/nature1.jpg`,
        `${context.filesDir}/nature2.jpg`,
        `${context.filesDir}/nature3.jpg`
      ];

      // 1. 获取精准 UTD 类型
      const utdTypeId = utd.getUniformDataTypeByFilenameExtension('.jpg', utd.UniformDataType.IMAGE);
      if (!utdTypeId) return;

      // 2. 构造第一条图片数据
      const thumbnail = await this.generateThumbnail(imagePaths[0]);
      const shareData = new systemShare.SharedData({
        utd: utdTypeId,
        uri: fileUri.getUriFromPath(imagePaths[0]),
        title: '风景图集（1/3）',
        thumbnail: thumbnail
      });

      // 3. 添加剩余图片
      for (let i = 1; i < imagePaths.length; i++) {
        if (fileUri.accessSync(imagePaths[i])) {
          shareData.addRecord({
            utd: utdTypeId,
            uri: fileUri.getUriFromPath(imagePaths[i]),
            title: `风景图集（${i+1}/3）`
          });
        }
      }

      // 4. 拉起分享面板
      const controller = new systemShare.ShareController(shareData);
      await controller.show(context, {
        previewMode: systemShare.SharePreviewMode.DEFAULT, // 缩略图列表预览
        selectionMode: systemShare.SelectionMode.SINGLE
      });
    } catch (error) {
      const err = error as BusinessError;
      console.error(`多图分享失败：${err.message}`);
      promptAction.showToast({ message: '多图分享失败' });
    }
  }

  build() {
    Column({ space: 20 }) {
      Button('分享单张图片')
        .width(250)
        .height(45)
        .onClick(() => this.shareSingleImage());

      Button('分享多张图片')
        .width(250)
        .height(45)
        .onClick(() => this.shareMultiImages());
    }
    .padding(20)
    .width('100%')
    .justifyContent('center');
  }
}

3.2 关键注意事项

  • 图片路径：必须使用沙箱路径（filesDir/cacheDir），外部路径（如 /sdcard/）会因权限问题导致目标应用无法访问。
  • 压缩优化：原图过大（如超过 10MB）会导致分享面板加载缓慢，建议分享前压缩原图（质量 60-80），缩略图控制在 50KB 以内。
  • 多图限制：虽然系统支持最多 500 条分享记录，但实际使用中建议不超过 9 张，避免分享面板卡顿。

四、场景实战 3：视频分享（需优化封面与性能）

视频分享需处理封面图生成、大文件性能优化，目标设备接收后会保存到图库“华为分享”相册，预览时优先显示自定义封面。

4.1 实战代码（视频 + 自定义封面）

import { systemShare } from '@kit.ShareKit';
import { uniformTypeDescriptor as utd } from '@kit.ArkData';
import { common, BusinessError } from '@kit.AbilityKit';
import { fileUri } from '@kit.CoreFileKit';
import { image } from '@kit.ImageKit';
import promptAction from '@ohos.promptAction';

@Component
export default struct VideoSharePage {
  // 生成视频封面图（推荐优先使用自定义封面，而非视频首帧）
  private async generateVideoCover(coverImagePath: string): Promise<Uint8Array | null> {
    try {
      const imageSource = image.createImageSource(coverImagePath);
      const imagePacker = image.createImagePacker();

      // 封面压缩：100x100 尺寸，质量 30
      const buffer = await imagePacker.packToData(imageSource, {
        format: 'image/jpeg',
        quality: 30,
        size: { width: 100, height: 100 }
      });

      return new Uint8Array(buffer);
    } catch (error) {
      console.error(`生成视频封面失败：${(error as Error).message}`);
      return null;
    }
  }

  private async shareVideo() {
    try {
      // 1. 获取视频路径和封面图路径（沙箱内）
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIAbilityContext;
      const videoPath = `${context.filesDir}/travel.mp4`; // 视频路径
      const coverPath = `${context.filesDir}/cover.jpg`; // 封面图路径

      // 2. 验证文件是否存在
      if (!fileUri.accessSync(videoPath) || !fileUri.accessSync(coverPath)) {
        promptAction.showToast({ message: '视频或封面文件不存在' });
        return;
      }

      // 3. 获取精准 UTD 类型（.mp4 对应 video/mp4）
      const utdTypeId = utd.getUniformDataTypeByFilenameExtension(
        '.mp4',
        utd.UniformDataType.VIDEO
      );
      if (!utdTypeId) {
        promptAction.showToast({ message: '获取视频类型失败' });
        return;
      }

      // 4. 生成封面图
      const cover = await this.generateVideoCover(coverPath);

      // 5. 计算视频大小（格式化显示）
      const videoSize = fileUri.getFileSize(videoPath);
      const sizeDesc = videoSize > 1024 * 1024
        ? `${(videoSize / (1024 * 1024)).toFixed(2)}MB`
        : `${Math.round(videoSize / 1024)}KB`;

      // 6. 构造分享数据
      const shareData = new systemShare.SharedData({
        utd: utdTypeId,
        uri: fileUri.getUriFromPath(videoPath),
        title: '旅行记录视频',
        description: `时长：01:23 | 大小：${sizeDesc}`,
        thumbnail: cover // 自定义封面（优先级高于视频首帧）
      });

      // 7. 拉起分享面板（视频建议用简化预览，提升性能）
      const controller = new systemShare.ShareController(shareData);
      await controller.show(context, {
        previewMode: systemShare.SharePreviewMode.DEFAULT,
        selectionMode: systemShare.SelectionMode.SINGLE
      });

      console.info('视频分享面板显示成功');
    } catch (error) {
      const err = error as BusinessError;
      console.error(`视频分享失败：Code=${err.code}, Message=${err.message}`);
      promptAction.showToast({ message: '视频分享失败' });
    }
  }

  build() {
    Column({ space: 20 }) {
      Button('分享视频（带自定义封面）')
        .width(280)
        .height(45)
        .onClick(() => this.shareVideo());
    }
    .padding(20)
    .width('100%')
    .justifyContent('center');
  }
}

4.2 性能优化技巧

  • 封面图优先：避免依赖系统提取视频首帧（耗时且可能模糊），提前生成自定义封面图。
  • 大文件处理：视频超过 100MB 时，建议提示用户“大文件分享可能较慢”，或提供压缩选项。
  • 格式兼容：优先使用 MP4 格式（兼容性最好），避免使用 MOV、AVI 等小众格式，减少目标应用无法打开的情况。

五、场景实战 4：链接分享（App Linking + 普通链接）

链接分享分为两种场景：普通网页链接（直达浏览器）和 App Linking（直达应用指定页面），适配不同的业务需求（如推广应用、分享网页内容）。

5.1 场景 A：普通网页链接分享（直达浏览器）

import { systemShare } from '@kit.ShareKit';
import { uniformTypeDescriptor as utd } from '@kit.ArkData';
import { common, BusinessError } from '@kit.AbilityKit';
import { image } from '@kit.ImageKit';
import promptAction from '@ohos.promptAction';

@Component
export default struct CommonLinkSharePage {
  // 生成链接缩略图（如网站图标）
  private async generateLinkThumbnail(iconPath: string): Promise<Uint8Array | null> {
    try {
      const imageSource = image.createImageSource(iconPath);
      const imagePacker = image.createImagePacker();
      const buffer = await imagePacker.packToData(imageSource, {
        format: 'image/png',
        quality: 50,
        size: { width: 80, height: 80 }
      });
      return new Uint8Array(buffer);
    } catch (error) {
      console.error(`生成链接缩略图失败：${(error as Error).message}`);
      return null;
    }
  }

  private async shareCommonLink() {
    try {
      // 1. 准备链接信息
      const link = 'https://www.vmall.com/index.html?cid=128688'; // 华为商城链接（示例）
      const title = '华为商城 - Pura 70 Ultra 抢购';
      const description = '最新旗舰手机，限时优惠中';

      // 2. 获取缩略图（网站图标，提前保存到沙箱）
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIContext;
      const iconPath = `${context.filesDir}/vmall_icon.png`;
      const thumbnail = await this.generateLinkThumbnail(iconPath);

      // 3. 构造分享数据（UTD 为 HYPERLINK）
      const shareData = new systemShare.SharedData({
        utd: utd.UniformDataType.HYPERLINK,
        content: link, // 链接内容
        title: title,
        description: description,
        thumbnail: thumbnail
      });

      // 4. 可选：添加多条链接
      shareData.addRecord({
        utd: utd.UniformDataType.HYPERLINK,
        content: 'https://developer.huawei.com/consumer/cn/',
        title: '华为开发者联盟',
        description: 'HarmonyOS 开发资源'
      });

      // 5. 拉起分享面板
      const controller = new systemShare.ShareController(shareData);
      await controller.show(context as common.UIAbilityContext, {
        previewMode: systemShare.SharePreviewMode.DEFAULT,
        selectionMode: systemShare.SelectionMode.SINGLE
      });

      console.info('普通链接分享成功');
    } catch (error) {
      const err = error as BusinessError;
      console.error(`普通链接分享失败：${err.message}`);
      promptAction.showToast({ message: '链接分享失败' });
    }
  }

  build() {
    Column({ space: 20 }) {
      Button('分享普通网页链接')
        .width(250)
        .height(45)
        .onClick(() => this.shareCommonLink());
    }
    .padding(20)
    .width('100%')
    .justifyContent('center');
  }
}

5.2 场景 B：App Linking 分享（直达应用）

App Linking 是 HarmonyOS 深度链接，用户点击后可直达应用指定页面（如商品详情、活动页面），未安装应用则拉起应用市场。

前置准备
  1. 开通 App Linking 服务：在华为开发者联盟后台配置域名、关联应用（参考 调试 App Linking）。
  2. 声明域名关联：在 module.json5 中配置关联的网站域名（参考 声明应用关联的网站域名）。
实战代码
import { systemShare } from '@kit.ShareKit';
import { uniformTypeDescriptor as utd } from '@kit.ArkData';
import { common, BusinessError, OpenLinkOptions } from '@kit.AbilityKit';
import { image } from '@kit.ImageKit';
import promptAction from '@ohos.promptAction';

@Component
export default struct AppLinkingSharePage {
  // 生成应用图标缩略图
  private async generateAppThumbnail(iconPath: string): Promise<Uint8Array | null> {
    try {
      const imageSource = image.createImageSource(iconPath);
      const imagePacker = image.createImagePacker();
      const buffer = await imagePacker.packToData(imageSource, {
        format: 'image/jpeg',
        quality: 30,
        size: { width: 80, height: 80 }
      });
      return new Uint8Array(buffer);
    } catch (error) {
      console.error(`生成应用图标缩略图失败：${(error as Error).message}`);
      return null;
    }
  }

  // 分享 App Linking（发起端）
  private async shareAppLinking() {
    try {
      // 1. 准备 App Linking（已通过华为开发者联盟生成）
      const appLinking = 'https://sharekitdemo.drcn.agconnect.link/ZB3p'; // 示例链接
      const appTitle = '我的 HarmonyOS 应用';
      const appDesc = '点击直达应用活动页面，领取专属福利';

      // 2. 生成应用图标缩略图
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIContext;
      const iconPath = `${context.filesDir}/app_icon.png`; // 应用图标路径
      const thumbnail = await this.generateAppThumbnail(iconPath);

      // 3. 构造分享数据
      const shareData = new systemShare.SharedData({
        utd: utd.UniformDataType.HYPERLINK,
        content: appLinking,
        title: appTitle,
        description: appDesc,
        thumbnail: thumbnail
      });

      // 4. 拉起分享面板
      const controller = new systemShare.ShareController(shareData);
      await controller.show(context as common.UIAbilityContext, {
        previewMode: systemShare.SharePreviewMode.DEFAULT,
        selectionMode: systemShare.SelectionMode.SINGLE
      });

      console.info('App Linking 分享成功');
    } catch (error) {
      const err = error as BusinessError;
      console.error(`App Linking 分享失败：${err.message}`);
      promptAction.showToast({ message: 'App Linking 分享失败' });
    }
  }

  // 目标应用接收 App Linking 后跳转（接收端）
  private async openAppLinking() {
    try {
      const uiContext = this.getUIContext();
      const context = uiContext.getHostContext() as common.UIAbilityContext;
      const link = 'https://sharekitdemo.drcn.agconnect.link/ZB3p'; // 接收到的 App Linking

      // 配置跳转选项：优先打开应用，未安装则跳转应用市场
      const openOptions: OpenLinkOptions = {
        appLinkingOnly: false
      };

      await context.openLink(link, openOptions);
      console.info('App Linking 跳转成功');
    } catch (error) {
      const err = error as BusinessError;
      console.error(`App Linking 跳转失败：${err.message}`);
    }
  }

  build() {
    Column({ space: 20 }) {
      Button('分享 App Linking（发起端）')
        .width(280)
        .height(45)
        .onClick(() => this.shareAppLinking());

      Button('打开 App Linking（接收端）')
        .width(280)
        .height(45)
        .onClick(() => this.openAppLinking());
    }
    .padding(20)
    .width('100%')
    .justifyContent('center');
  }
}

5.3 链接分享关键区别

链接类型 目标设备处理逻辑 适用场景
普通网页链接 直接通过默认浏览器打开 分享新闻、文档、第三方网页内容
App Linking 1. 已安装应用：直达指定页面； 2. 未安装：拉起应用市场/浏览器（按配置） 应用推广、活动引流、深度链接跳转

六、四大场景接收端通用处理逻辑

目标应用接收不同类型的分享数据后，需根据 UTD 类型针对性处理，以下是通用接收代码（基于 UIAbility）：

import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
import { systemShare } from '@kit.ShareKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { fileUri } from '@kit.CoreFileKit';
import promptAction from '@ohos.promptAction';

export default class ShareReceiveAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    // 验证是否为系统分享拉起
    if (launchParam.launchReasonMessage !== 'ReasonMessage_SystemShare') return;

    // 解析分享数据
    systemShare.getSharedData(want)
      .then((data) => {
        const records = data.getRecords();
        records.forEach((record) => {
          switch (record.utd.split('.')[0]) {
            case 'text':
              // 处理文本
              this.handleText(record.content as string);
              break;
            case 'image':
              // 处理图片
              this.handleImage(record.uri);
              break;
            case 'video':
              // 处理视频
              this.handleVideo(record.uri);
              break;
            case 'hyperlink':
              // 处理链接
              this.handleLink(record.content as string);
              break;
            default:
              promptAction.showToast({ message: `不支持的分享类型：${record.utd}` });
          }
        });
      })
      .catch((error: BusinessError) => {
        console.error(`接收分享数据失败：Code=${error.code}, Message=${error.message}`);
        promptAction.showToast({ message: '接收分享失败' });
        this.terminateSelf();
      });
  }

  // 处理文本
  private handleText(content: string) {
    console.info(`接收文本：${content}`);
    // 业务逻辑：如保存到备忘录、显示在输入框
  }

  // 处理图片
  private handleImage(uri: string) {
    console.info(`接收图片 URI：${uri}`);
    // 业务逻辑：如显示图片、保存到本地
  }

  // 处理视频
  private handleVideo(uri: string) {
    console.info(`接收视频 URI：${uri}`);
    // 业务逻辑：如播放视频、转码处理
  }

  // 处理链接
  private handleLink(link: string) {
    console.info(`接收链接：${link}`);
    // 业务逻辑：如打开链接、解析链接参数
  }
}

七、总结

本文覆盖了 Share Kit 最核心的四大分享场景，每个场景都提供了完整的实战代码和优化技巧，关键要点总结如下：

  1. 文本分享：简洁高效，注意长度控制和特殊字符编码，支持多条文本批量分享。
  2. 图片分享：核心是沙箱路径、精准 UTD 和缩略图压缩，多图分享需控制数量。
  3. 视频分享：重点优化封面图和大文件性能，优先使用 MP4 格式保证兼容性。
  4. 链接分享：区分普通链接（直达浏览器）和 App Linking（直达应用），适配不同业务场景。

所有场景都遵循“通用流程 + 场景特化”的思路，开发者可根据实际需求复用代码，快速落地分享功能。如需进一步扩展，可结合前文的“自定义分享面板”“企业级名单限制”等能力，打造更贴合业务的分享体验。

# harmonyos # 华为
Logo
人工智能6S服务平台

作为“人工智能6S店”的官方数字引擎，为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐

cover

Flutter for OpenHarmony: Flutter 三方库 envied_generator 给鸿蒙应用的敏感 API Key 穿上“不可破解”的防护服（安全性加固利器）

avatar 人工智能6S服务平台
cover

Flutter for OpenHarmony: Flutter 三方库 duration 让鸿蒙应用的时间长度处理变得灵动而具人情味（语义化时长专家）

avatar 人工智能6S服务平台
cover

Flutter for OpenHarmony: Flutter 三方库 theme_tailor 像裁剪西装一样精准定制鸿蒙多端统一的主题管理系统（UI 工程化利器）

avatar 人工智能6S服务平台