安全隐私页面 Cordova&OpenHarmony 混合开发实战

📌 模块概述

安全隐私页面为用户提供了数据保护和隐私管理的入口，包括清除缓存、重置应用数据、查看权限申请历史等功能。虽然家庭菜谱应用本身是本地离线应用，但仍需要提供清理工具和隐私声明。在 Cordova&OpenHarmony 环境下，Web 层负责展示清理选项和确认对话框，ArkTS 原生层则负责实际的文件删除和权限管理。

🔗 数据清理流程

用户在安全隐私页面点击「清除缓存」或「重置应用」按钮；
Web 层弹出确认对话框，提示用户即将执行的操作及其后果；
用户确认后，Web 层通过 Cordova 插件调用 ArkTS 方法执行实际清理；
ArkTS 原生层删除缓存文件、临时数据或整个 IndexedDB（取决于操作类型）；
清理完成后，Web 层刷新页面或返回首页。

🔧 安全隐私选项界面（HTML 片段）

html 复制代码

<div class="card">
  <div class="card-header">
    <h3 class="card-title">数据与隐私</h3>
  </div>
  <div class="card-content">
    <button class="btn btn-outline" onclick="clearCache()">清除缓存</button>
    <button class="btn btn-danger" onclick="resetApp()">重置应用</button>
  </div>
</div>

这段 HTML 展示了安全隐私页面的两个关键操作按钮：清除缓存（低风险）和重置应用（高风险）。通过不同的按钮样式（btn-outline vs btn-danger）可以在视觉上强调操作的危险程度。

🔧 清除缓存确认逻辑（JavaScript 片段）

javascript 复制代码

function clearCache() {
  if (!confirm('确定要清除缓存吗？此操作不可撤销。')) {
    return;
  }
  if (window.cordova) {
    cordova.exec(
      () => showToast('缓存已清除', 'success'),
      () => showToast('清除失败', 'error'),
      'SecurityPlugin',
      'clearCache',
      []
    );
  } else {
    showToast('浏览器环境下无缓存可清', 'info');
  }
}

这段代码展示了清除缓存的基本流程：先通过原生 confirm 对话框再次确认，然后在 Cordova 环境中调用 ArkTS 插件执行清理，在浏览器中则给出提示。

🔌 在鸿蒙原生层执行数据清理（ArkTS 片段）

ts 复制代码

// entry/src/main/ets/plugins/SecurityPlugin.ets
import plugin from '@ohos.plugin';

@plugin
export default class SecurityPlugin {
  async clearCache(): Promise<void> {
    // 示例：删除应用缓存目录下的文件
    console.info('clear cache');
  }

  async resetApp(): Promise<void> {
    // 示例：删除应用数据，包括 IndexedDB
    console.info('reset app');
  }
}

ArkTS 的 SecurityPlugin 提供了两个方法：clearCache 用于清除临时缓存，resetApp 用于完全重置应用数据。真实实现中可以使用鸿蒙的文件 API 删除指定目录。

javascript 复制代码

function resetApp() {
  if (!confirm('确定要重置应用吗？所有菜谱数据将被删除，此操作不可撤销。')) {
    return;
  }
  if (window.cordova) {
    cordova.exec(
      () => {
        showToast('应用已重置，即将重启', 'success');
        setTimeout(() => location.reload(), 1000);
      },
      null,
      'SecurityPlugin',
      'resetApp',
      []
    );
  }
}

重置应用是更危险的操作，所以我们在 Web 层加入了更强的确认提示，并在成功后自动重载页面。

📝 小结

安全隐私页面为用户提供了数据管理和隐私保护的工具，虽然家庭菜谱应用本身不涉及云端数据，但清缓存和重置功能对于维护应用健康状态仍然重要。通过 Cordova&OpenHarmony 混合架构，我们在 Web 层实现了确认交互，在 ArkTS 原生层执行实际的文件操作，实现了「Web 交互 + 原生执行」的安全分工。

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net