当前位置:首页 > 嵌入式培训 > 嵌入式学习 > 讲师博文 > Cordova 环境搭建及使用(下篇)

Cordova 环境搭建及使用(下篇) 时间:2018-09-26      来源:未知

2.安装Android Studio

Android Studio下载地址://www.android-studio.org/。

第一次只下载了Android Studio V1.0,这个版本是没有Android SDK的。从上图所示文件大小可以看出,不带SDK的只有240MB,带SDK的要813MB。不带SDK的版本,直接解压缩,即可打开使用,会有如下的初始化步骤,一路Next之后,会进入Downloading Components步骤,而在这个步骤的时候,会由于网络问题失败。

提示:

请在安装Android Studio时,直接下载带有SDK版本的安装包。

下载完成携带SDK的android studio安装包后,双击打开。

出现安装程序界面,点击下一步。这时会出现一个组件选择界面,我们可以看到,Android SDK,Android Virtual Machine以及用于硬件加速的Performance都是处于被勾选的状态。这三个组件都是我们将来需要的,所以继续点击下一步。

另一个需要操作的界面是选择安装路径,可以根据自己的安装习惯,找到对应需要安装的位置,选择默认安装地址直接进入下一步也是可以的。

然后安装程序会说检测到你的系统可以将安卓虚拟机运行在加速环境下,这个应该和电脑的处理器有关,我的电脑是英特尔的处理器。安装程序推荐提供512MB的内存,如果电脑拥有较大内存,可以选择自定义,将内存调整到1GB。点击下一步即可,然后点击“install”按钮,就可以开始安装了。

安装完毕,打开Android Studio。会出现Fetching Android SDK component information界面,这个滚动条会滚动一段时间,需要耐心等待。

2.3.1问题:检查SDK更新失败

出现了更新SDK components的界面,但是这里总会出现网络连接失败的问题,造成无法打开Android Studio。可能是被墙的原因,所以无法访问。

在这里,我采用的方法是跳过这个检查步骤,进行了如下操作:

在Android Studio安装目录下的bin目录下,找到idea.properties文件,在文件后追加disable.android.first.run=true。

然后就可以顺利打开Android Studio了。

2.1 Window中设置androidSDK环境变量:

ANDROID_HOME :E:\AndroidSDK

PATH:%ANDROID_HOME%\tools;

验证:android –h

Window中设置androidSDK环境变量:

ANDROID_HOME :D:\Android\sdk

PATH:;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;

验证:adb

用命令行的方式来部署Cordova:

1.安装 nodejs

下载://nodejs.org/download/.安装完毕后需要重启。

2.添加淘宝镜像

打开cmd命令行,执行:npm install -g cnpm --registry=https://registry.npm.taobao.org

1. 打开.npmrc文件(在用户主目录下)

2. registry = //registry.npm.taobao.org

搞定!

2.安装 cordova

打开cmd命令行,执行:cnpm install -g cordova

安装约10分钟。

4.创建一个 cordova 工程

cordova create hello com.shj.helloworld helloapp

其中,第一个 hello 是文件夹的名称;om.shj.helloworld 是app id,第二个 helloapp是工程的名称,也是应用的名称。

提示下载库,请等待。

下载完成。

5.进入工程文件夹

cd hello

6.添加平台支持

有多种平台可选.命令如下:

$ cordova platform add ios

$ cordova platform add amazon-fireos

$ cordova platform add android

$ cordova platform add blackberry10

$ cordova platform add firefoxos

$ cordova platform add wp7

$ cordova platform add wp8

$ cordova platform add windows8

此处选择cordova platform add android

在工程文件夹下输入该命令:

项目创建完毕。

7.添加插件支持

主要为系统硬件访问的插件,常见如照相机、媒体访问、设备访问、加速设备、定位设备等。可以动态的按需求去添加,譬如按以下方式添加,,更多插件请去cordova 官网查看。

基本设备资讯 (设备 API):

$ cordova plugin add org.apache.cordova.device

网路连接和电池事件:

$ cordova plugin add org.apache.cordova.network-information

$ cordova plugin add org.apache.cordova.battery-status

相机、 媒体重播和捕获:

Cordova plugin add cordova-plugin-camera --save

$ cordova plugin add org.apache.cordova.camera

$ cordova plugin add org.apache.cordova.media-capture

$ cordova plugin add org.apache.cordova.media

访问设备或网路 (档 API) 上的档:

$ cordova plugin add org.apache.cordova.file

$ cordova plugin add org.apache.cordova.file-transfer

8.构建应用

cordova build

上图出现该提示,BUILD成功。即将 hello/www 下的内容,构建到添加的各平台内。如 android 平台,会构建到此目录:hello\platforms\android\assets\www。

先看PC直接打开网页的效果。

这是未修改配置的启动界面。也就是刚刚PC端打开的网页。网页就存在android项目asset目录下面。引用路径如上图所示file:///android_asset/www/index.html

通过360手机助手查看手机界面,可以看到刚刚的界面已经成功引导进去了。

在此Cordova的环境部署已经大功告成了。Web开发人员可以很轻易的开发移动应用了。

上一篇:Cordova 环境搭建及使用(上篇)

下一篇:图片二次取样

热点文章推荐
华清学员就业榜单
高薪学员经验分享
热点新闻推荐
前台专线:010-82525158 企业培训洽谈专线:010-82525379 院校合作洽谈专线:010-82525379 Copyright © 2004-2022 北京华清远见科技集团有限公司 版权所有 ,京ICP备16055225号-5京公海网安备11010802025203号

回到顶部