Home

Awesome

mobile-web-best-practice-container

Hybrid App 架构：

<img src="https://i.loli.net/2021/08/27/JcxMfSwPeTr8isa.png" width=600/>

包含以下几个方面：

  1. JS 通信及 API 设计

  2. 离线包设计

相关项目

H5 项目： mobile-web-best-practice

离线包管理平台：offline-package-admin

离线包 webpack 插件：offline-package-webpack-plugin

离线包方案

原理如下图所示：

<img src="https://i.loli.net/2021/08/27/CcBaEklTuo4Nsj7.png" width=600/>

整体方案说明文章：

Hybrid App 离线包方案实践

已有功能

  1. 集成 DSBridge-Android

  2. 向 h5 提供同步到本地日历功能，API 如下：

interface SyncCalendarParams {
  id: string; // 日程唯一标识符
  title: string; // 日程名称
  location: string; // 日程地址
  startTime: number; // 日程开始时间
  endTime: number; // 日程结束时间
  alarm: number[]; // 提前提醒时间，单位分钟
}

dsbridge.call('syncCalendar', params: SyncCalendarParams, cb);