umi-plugin-capacitor

更方便地使用capacitor进行hybrid-app开发 (for umijs@3)

功能介绍

插件功能比较简单，目的是帮助开发者在运行时结合capacitor进行模拟器/真机调试。

插件灵感来自umi-plugin-cordova

Install

# npm or yarn
$ npm install umi-plugin-capacitor @capacitor/cli @capacitor/core -D

Usage

umijs@3会扫描符合命名规则的插件并自动注册

添加scripts

请在package.json添加如下命令以便使用

{
  "scripts":{
    "init": "cap init",
    "add-ios": "cap add ios",
    "add-android": "cap add android",
    "android": "umi dev --android",
    "ios": "umi dev --ios",
    "build-android": "umi build --android",
    "build-ios": "umi build --ios",
    "start": "umi dev",
    "build": "umi build"
  }
}

初始化项目

# 根据提示生成capacitor.config.json
npm run init

运行项目

# web 模式
npm start

# android 模式
npm run andoird

# TODO: ios 模式
npm run ios

注意事项

• 请先准备好开发环境，Android需要准备Android Studio及Android Sdk，ios需要准备Mac及XCode
• 目前Android开发模式，参考的是cordova-android的逻辑，通过gradle编译，并启动模拟器/连接真机，再通过adb命令将开发包安装到目标机器上。
• IOS 开发模式还没有封装，使用的是默认命令cap open ios，需要手动完成后续步骤。
• 需要目标机器与当前机器处于同个局域网（因为要通过局域网IP访问web端）
• 目前build模式，全部都是走的cap open ios/android，需要手动完成打包。
• 如需要调试页面，

Options

Configure in .umirc.js,

export default {
  /* latter */
};

TODO

• [ ] capacitor navive API调试
• [ ] IOS开发模式自动化

LICENSE

MIT