如何为我的 Ionic 应用程序项目添加 Android 支持?

How to add Android support to my Ionic app project?

我已经创建了一个 Ionic 应用程序项目。我想为我的应用添加 Android 支持。为此,我使用了“ionic platform add Android”。但是我的系统显示了一些错误。我使用的是 windows 机器。cmd 中显示的错误是

    Adding android project...

Running command: cmd "/s /c "C:\Users\SYSTEM-03\.cordova\lib\npm_cache\cordova-android.0.0\package\bin\create.bat E:\workspace\appstore\demoapp\platforms\android com.ionicframework.demoapp722446 demoapp --cli""

C:\Users\SYSTEM-03\.cordova\lib\npm_cache\cordova-android.0.0\package\bin\templates\cordova\lib\AndroidStudio.js:16
    for(file of eclipseFiles) {
             ^^
SyntaxError: Unexpected identifier
    at Module._compile (module.js:439:25)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (C:\Users\SYSTEM-03\.cordova\lib\npm_cache\cordova-android.0.0\package\bin\templates\cordova\lib\AndroidProject.js:24:21)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)

您需要安装 java 所需版本和 Android studio。在 java 和 android studio 的环境变量中设置路径。

按照以下步骤操作

要求

为了安装ionic framework,我们应该具备以下要求。它支持 iOS 6+,Android 4.0+。 Node.js 阿帕奇科尔多瓦 离子 Git Java JDK 阿帕奇蚂蚁 Android 工作室 Google Chrome 金丝雀(可选)

步骤 Windows OS 从这里下载并安装 Node.js。 (此处node.js为可执行文件)

安装科尔多瓦 使用以下命令安装 cordova。 (npm 是一个 node.js 相关命令)

C:\ npm install -g cordova

安装图标

C:\ npm install -g ionic

安装Git 从这里下载并安装 Git。安装时从 Windows 命令提示符中选择“运行 Git”选项。当我们想要从 github(.git 文件)安装 cordova 插件时,将使用 Git。

安装 JDK、Apache Ant、Android Studio 从这里安装最新的 Java JDK(不仅仅是 JRE) 为 JAVA_HOME 创建指向 java JDK 根文件夹的环境变量。

C:\ set JAVA_HOME=“C:\Program Files\Java\jdk7”

将JDK的bin加入PATH环境变量

C:\ set PATH=%PATH%;“C:\Program Files\Java\jdk7\bin”

从这里下载 Apache Ant。 将其提取到 C:\ directory 将Ant的bin加入PATH环境变量

C:\ set PATH=%PATH%;“C:\apache-ant-1.9.2\bin”

从这里下载 Android Studio。 安装 Android Studio 从 Android Studio“配置”选项中打开 “Android SDK Manager” Select 以下包裹。 Android SDK 工具 Android SDK 平台工具 Android 修订版 20 和 19 的 SDK 构建工具 Android 6.0 (API 23) Android 4.4W.2 (API 20) Android 4.4.2 (API 19) Android 支持库(来自 Extras) 单击 “Install Packages” 并接受所有包的许可。 Cordova 需要设置 ANDROID_HOME 环境变量。

C:\ set ANDROID_HOME=“C:\android\sdk”

更新 PATH 变量以在该文件夹中包含 tools/ and platform-tools/ 文件夹。

C:\ set PATH=%PATH%;%ANDROID_HOME%\tools
        C:\ set PATH=%PATH%;%ANDROID_HOME%\platform-tools

创建离子项目 我们可以在计算机上的某个地方创建 Cordova-Ionic 项目。 C:\离子启动[blank/tabs/sidemenu/maps] C:\cd

Ionic 命令行特性: 一种。开始: c:> 离子启动 myproj 空白 在你有运行这个命令的目录中创建离子项目。

b。服务: c:\myproj> 离子服务 为 运行 项目启动本地开发服务器。

c。平台: c:\myproj> 离子平台添加 android 为所需平台配置 cordova android 或 ios.

d。建造: c:\myproj> 离子构建 android Build 为我们指定的平台执行本地构建。这会在 c:\myproj\platforms\android\ant-build 位置创建 CordovaApp-debug.apk 文件。

e。仿真: c:\myproj> 离子模拟 android 在指定平台启动应用

f。 运行: c:\myproj> 离子 运行 android 在实际移动设备上部署并运行应用程序

克。在 windows 机器中安装 IOS 模拟器测试 ios 构建 c:\ npm install -g ios-sim