用HTML和JS来开辟挪动app - 布置Cordova配套开辟环境

2024年4月20日 200次阅读 来源: FreeZinG

近来想玩一玩手机app开辟，之前都是本身DIY家里的一些硬件装备的，在这个每天喊智能的年代，不让它们上上网用手机掌握都以为这些玩意LOW得拿不出手了~ 决定要革新革新，第一步得学学怎样开辟手机端掌握运用。

原本想买本android 软件开辟的书看看的，然则以为岂非学完android开辟岂非还要再学iso开辟吗？Java跟objectC 岂非都得去学一遍么.. 公司IT大牛引荐用HTML5（即 JavaScript + HTML + CSS）来开辟运用顺序~ 如许的优点是跨平台，能够在android上跑也能够在ios上运转。如今的跨平台手艺真洋气~ 在大牛指导下，先要搭起开辟环境，折腾了2个晚上终究搞定，总结以下：

装置 JDK（后续的 Android SDK 须要）

到 Oracle 官方网站下载最新的 JDK 8，Windows 和 Mac OS X 及基于 Yum 的 Linux （比方 Red Hat、CentOS）有二进制装置顺序，基于 apt 的 Linux（比方 Debian、Ubuntu）须要本身编译或许装置体系自带的 OpenJDK（但 OpenJDK 如今没有 Java 8 版本，装置 Java 7 也行）

装置完成后须要设置环境变量（JAVA_HOME，Java 装置文件夹），将 JAVA_HOME 下的 bin 文件夹增加到环境变量 Path 中，主假如能够在敕令行实行 java 和 javac 敕令。

我是在MBP上搭的环境，所以下载装置包直接装置即可。接着终端翻开bash_profile

#JAVA
export JAVA_HOME=/Library/Java/Home
export PATH=$JAVA_HOME/bin:$PATH

装置 Apache Ant（后续的 Android SDK 须要）

到 Apache 官方下载最新的 Ant（http://ant.apache.org/bindownload.cgi），放到特定文件夹下，将该文件夹下的 bin 目次增加到环境变量 Path 中，主假如能够在敕令行实行 ant 敕令。

#Apache Ant
export PATH=/oct/Apacheant/bin:$PATH

装置 Android SDK（后文的 Cordova 须要）

到 Android 官方网站下载最新的 Android SDK，能够装置零丁的 SDK，也能够装置打包了 SDK 的 Android Studio。

装置完成后须要设置环境变量（ANDROID_HOME），将 ANDROID_HOME 下的 tools，platform-tools 增加到环境变量 Path 中，主假如能够实行 adb、android 等敕令行东西

#Andriod
export ANDROID_HOME=/oct/Library/Android/sdk
export PATH=$ANDROID_HOME/tools:$PATH
export PATH=$ANDROID_HOME/platform-tools:$PATH

运转 Android SDK Manager，下载特定 API 版本（就是 Android 版本，比方 4.3、4.4、5.0）的库及东西

能够在 Android Studio 里启动 Android SDK Manager，也能够经由过程敕令行 android update sdk 来启动，然后参考 GUI 申明下载特定版本比方 API 19（Android 4.4.2）。最低的装置要求是：

  • Android SDK Tools
  • Android SDK Platform-tools
  • Android SDK Build-tools
  • SDK Platform
  • Android Support Repository
  • Android Support Library

假如要用到 Google 效劳的 API，则装置响应的：

  • Google APIs
  • Google Repository
  • Google Play Services

假如须要用假造装备调试（不过不发起运用 Android 自带的假造装备，发起运用 Genymotion 基于 VirtualBox 开辟的假造装备），则装置响应的：

  • xxx System Image

装置 Nodejs、npm

到 Nodejs 官方网站下载装置最新的 Nodejs（http://nodejs.org/download/），针对 Windows 和 Mac OS 有装置包（包含了 nodejs 和 npm），Linux 上面能够直接装置软件堆栈内里的 nodejs 和 npm。

装置 Git

到 Git 官方网站下载最新的 Git（http://git-scm.com/），针对 Windows 和 Mac OS 有装置包，Linux 上面能够直接装置软件堆栈内里的 git。

装置 Apache Cordova 跨平台 HTML5 环境

在敕令行运用 npm install cordova 即可装置 Cordova 敕令行东西（也发起到 Cordova 官方相识下 Cordova 敕令行的运用 – 嗯！没免费图形界面东西的~要图形界面的软件就找A逗比买吧）

运用 Cordova 敕令行建立手机 HTML5 项目

在敕令行里运用 cordova create DirectoryName project_id product_name 即能够建立手机 HTML5 项目，比方 cordova create IoTgoAppDir com.iteadstudio.iotgo IoTgo

假如针对 Android 平台开辟，须要实行敕令 cordova platform add android 增加 android 相干东西，假如须要装置扩大，须要实行敕令 cordova plugin add pluginNameOrGitUrl，假如须要打包 Android Apk，须要实行 cordova build android，假如须要装置到经由过程 USB 衔接的手机，须要实行 cordova run android

装置 HTML5 项目依靠的 JavaScript 库

一切 HTML5 相干的文件，放在 Cordova 建立的项目根目次下的 www 文件夹下，能够手动将相干的 HTML、JavaScript、CSS 文件放到该文件夹下，也能够经由过程 bower 等软件包管理东西来自动下载。

运用文本编辑器或 IDE 编写 HTML5 顺序

写代码能够直接修正 www 文件夹下的文件，也能够用 NetBeans 或 WebStorm 之类的 IDE。发起用 WebStorm，对 Nodejs 和 Cordova 有比较好的支撑。

完成上面的设置后~ 就能够最先用前端开辟熟习的HTML+CSS+JS来开辟手机APP了！固然…作为一个嵌入式体系工程师，我对汇编对C很熟习，对C++也还比较相识，对HTML及JS一无所知…不过在一周速成过python后，我以为这些上层剧本剖析言语应当都不难~ 下来的一周及过年，会继承进修并开辟一个运用来。

    原文作者：FreeZinG
    原文地址: https://segmentfault.com/a/1190000002536799
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞