@alitajs/cordova

umi support cordova

Usage

安装环境(Mac)

1.安装XCode

2.安装xcode-select

xcode-select --install

弹出软件一直下一步就好。

3.安装ios-deploy

sudo yarn global add ios-deploy

4.全局安装Cordova

sudo yarn global add cordova

接入cordova

umi项目

Configure in .umirc.js,

yarn add @alitajs/cordova
export default {
  plugins: [
    ['@alitajs/cordova', options],
  ],
}

alita项目

Configure in config/config.js,

export default {
  appType: 'cordova',
}

添加cordova初始化命令

如果你全局安装了 umi ,可以使用umi cordova --init --ios

如果你没有全局安装 umi ,可以在 package.json 里面添加 scripts

{
  "scripts": {
    "cordova-init":"umi cordova --init",
    "cordova-add-ios":"umi cordova --ios",
    "cordova-add-android":"umi cordova --android",
    "start":"umi dev",
    "start-cordova-android":"CORDOVA=android umi dev",
    "build-cordova-android":"CORDOVA=android umi build",
    "build":"umi build",
  },
}
参数 说明
--init 初始化Cordova项目,添加配置文件和相关文件夹
--ios 执行cordova platforms add ios
--android 执行cordova platforms add android

环境变量 CORDOVA

默认使用的平台是ios,如果开发安卓,需要设置环境变量

如果umi cordova --init --ios 一直没有动静,可以ctrl+c关闭进程,手动执行cordova platforms add ios

启动项目

开发环境执行 umi dev dev 环境有热更新,如果使用手机查看,要求需要在统一个网络环境下。

编译执行umi build

使用xcode打开项目 ./platforms/ios/Tutorial.xcworkspace 选择虚拟机,执行。

虚拟机中查看效果 umi-cordova.png

注意事项

Mac

Xcode10 要修改编译系统 File->Workspace Setting ioshelp 修改Build System -> Legacy Build System ioshelp

Android Studio

umi devumi build 的时候要设置环境变量CORDOVA=android

如果使用的是Mac,可以通过命令安装java环境

brew cask install java

对安卓开发不熟悉的朋友,注意看右下角的窗口,会有提示需要安装sdk,先装完sdk。

The minSdk version should not be declared in the android manifest file. You can move the version from the manifest to the defaultConfig in the build.gradle file.
Open Manifest File
Move minSdkVersion to build file and sync project

点击 “Move minSdkVersion to build file and sync project”

接着点击运行项目,在Android Studio 右上角,点击绿色小三角形按钮。

然后选择一个模拟器,如果没有就点击左下角新建,随便选一个你喜欢的下载,然后弹出提示全部选择蓝色默认的选项一直下一步。(就是选择完成,安装,之类的)。

androidsuccess

LICENSE

MIT