/mobile-web-best-practice-container

:panda_face: H5 container 集成 JSBridge 及 离线包等功能

Primary LanguageJavaMIT LicenseMIT

mobile-web-best-practice-container

Hybrid App 架构:

包含以下几个方面:

  1. JS 通信及 API 设计

  2. 离线包设计

相关项目

H5 项目: mobile-web-best-practice

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

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

离线包方案

原理如下图所示:

整体方案说明文章:

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);