文档章节

html5转义为相应移动端app-Apache cordova+NodeJS环境配置

w-rain
 w-rain
发布于 2015/03/31 13:23
字数 937
阅读 106
收藏 2

1.必要环境

    1.1 Java的JDK安装配置

        设置环境变量:

        在环境变量的系统变量设置 JAVA_HOME:C:\Program Files\Java\jdk1.8.0_05;

        再在设置系统变量 Classpath:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

        注意: 这个环境配置也不算绝对的,也要根据你的电脑设置而定。

   1.2 Apache Ant 安装配置

        下载地址:http://apache.fayea.com/apache-mirror/ant/binaries/

        设置环境变量:

        设置  ANT_HOME:D:\SoftWare Pakeages\apache-ant-1.9.4-bin\apache-ant-1.9.4;

        Path中添加:%ANT_HOME%\bin;

        

        注意: 这个环境配置也不算绝对的,也要根据你的电脑设置而定。

   1.3 Android SDK 安装配置

    下载好SDK之后,Path中添加  D:\SDK\android-sdk-windows\android-sdk-windows\tools;D:\SDK\android-sdk-windows\android-sdk-windows\platform-tools 这2个路径;

1.4 Node.js 的安装与配置

  node.js 的下载地址:http://nodejs.org/download/ ,建议最好安装32版本,也就是x86版本的。下载好之后直接安装,安装好之后在命令行输入: npm  install -g cordova 这是node的安装语法:npm  install -g  express

这样我们的apache cordova就安装配置好了,自己动手可以输入命令测试。

2.创建应用程序

2.1 创建项目

    打开命令行,使用cd进入你的项目工作空间文件下, 输入 cordova create hello com.example.hello HelloWorld –d

    第一个参数hello,指定目录名称。

    第二个参数com.example.hello类似C#的命名空间,或Java的包名。

    第三个参数指定了应用程序的显示标题。

2.2 添加平台支持

    使用cd 进入项目根目录,

        cordova  platform add android

        cordova  platform add ios

        注意:貌似ios开发只能在Mac机器上进行

        完成后运行以下命令查看:

        cordova  platfrom list

        如果以后需要移除Android平台支持,可以运行:

        cordova  platform rm android

‍2.3 添加插件

        添加语法: cordova  plugin add org.apache.cordova.Geolocation   引用插件

                    你可以用CLI搜索可用的插件,比如:

                    cordovaplugin search bar code

                    你可以通过以下命令安装插件,比如:

                    cordova  plugin add org.apache.cordova.device                   //设备API

                    cordova  plugin add org.apache.cordova.network-information  //网络(事件)

                    cordova  plugin add org.apache.cordova.battery-status      //电池(事件)

                    cordova  plugin add org.apache.cordova.device-motion     //加速器

                    cordova  plugin add org.apache.cordova.device-orientation     //罗盘

                    cordova  plugin add org.apache.cordova.geolocation         //定位

                    cordova  plugin add org.apache.cordova.camera                 //摄像头

                    cordova  plugin add org.apache.cordova.media-capture     //媒体文件处理

                    cordova  plugin add org.apache.cordova.media                   //媒体文件处理

                    cordova  plugin add org.apache.cordova.file                        //文件访问

                    cordova  plugin add org.apache.cordova.file-transfer          //文件传输

                    cordova  plugin add org.apache.cordova.dialogs                 //对话框

                    cordova  plugin add org.apache.cordova.vibration              //震动

                    cordova  plugin add org.apache.cordova.contacts               //联系人

                    cordova  plugin add org.apache.cordova.globalization       //全球化

                    cordova  plugin add org.apache.cordova.splashscreen       //闪屏

                    cordova  plugin add org.apache.cordova.inappbrowser             //打开新的浏览器窗口

                    cordova  plugin add org.apache.cordova.console                //调试控制台

                    你可以用以下命令查看所有已经安装的插件

                    cordova  plugin ls

                    使用以下命令删除插件:

                    cordova  plugin rm org.apache.cordova.console    

                    Plugin add高级选项

                    上面的安装方式是从registry.cordova.io库中按照id获取插件,这是一个非常通用的做法。你可以在安装时指定版本,比如:

                    cordova  plugin add org.apache.cordova.console@latest

                    cordova  plugin add org.apache.cordova.console@0.2.1

                    其中的latest表示获取最新版本。中间用@分隔。

                    如果插件不是在默认库中,而是在其他地方,则你可以指定URL:

                    cordova  plugin add https://github.com/apache/cordova-plugin-console.git

                    当然你需要先安装git。

 

2.4 编译应用程序
        

        cordova build  或 cordova  build android  //只针对Andorid平台编译

        1.cordova   build  android 创建app

        2.cordova emulate android 模拟器里运行;

        3.cordova serve android  服务器的运行  localhost:8000

        4.cordova run android  运行真机;

 

        如果最终提示:BUILD SUCCESSFUL,则编译成功。

        实际上build命令对应于以下两个命令:

        cordova  prepare android

        cordova  compile android

        

转载时请注明:来自w-rain的个人博客

© 著作权归作者所有

共有 人打赏支持
w-rain
粉丝 27
博文 53
码字总数 46145
作品 0
成都
程序员
私信 提问
HTML5 的明天, 局部有小雨

HTML5是什么? 为什么很多人如此关注它并押上公司的未来? 但为什么Facebook弃HTML5转Objective C. HTML的明天, 是晴还是雨, 你该不该给它投怀送抱, 该如何去判断? 我最近对HTML5产生兴趣, 就做...

oschina
2012/12/12
5.6K
43
设计师视角看HTML5

HTML5被传为Flash的杀手,是一种用于web应用程序开发、具有变革意义的网络技术。HTML 5提供了一些新的元素和属性,其中有些是技术上类似和标签,但有一定含义,例如和这种标签将有利于搜索引...

老古董
2011/08/09
1K
3
哪些互联网产品适合用 HTML5 开发?

J.P. Morgan(摩根大通集团)不久前发布了有关2013年互联网公司股票的研究报告,其中在预测2013年趋势时,提及移动互联网有关web和app之间的辩论将在3到5年内继续,而摩根认为这对于搜索产品...

oschina
2013/03/21
4.8K
19
HTML5最终取代APP?移动互联网现“左右互搏”

一切都在重演。 这是移动互联版《上帝也疯狂》的续集,上次的主角是App,现在则是HTML5:一个将近十年前就被提出来的用于取代HTML4.01和XTHML1.0,但在之后就步履蹒跚,直到近年重新又成为科...

木子叶
2012/07/15
2K
16
HTML5 企业安全访问控制的七种武器

自从2010年乔布斯宣布苹果不再支持Flash而专注于HTML5以来的近5年以来,HTML5得到了迅猛的发展。如今HTML5的创建工具层出不穷。这些工具已经不仅仅局限于游戏和视频的创建。其中一些,比如说...

oschina
2014/06/13
2.9K
3

没有更多内容

加载失败,请刷新页面

加载更多

dubbo 搭建与使用

官网:http://dubbo.apache.org/en-us/ 一,安装监控中心(可以不安装) admin管理控制台,monitor监控中心 下载 bubbo ops 这个是新版的,需要node.js环境,我没有就用老版的了...

小兵胖胖
2分钟前
0
0
mac 下 mysql 8.0.13 安装并记录遇到的问题 以便以后查看

安装 官网mysql 下载地址 安装过程 省去 安装好之后 下载navicat 错误1 链接 遇到 mysql 2003 - Can't connect to MySQL server 错误, 解决方案 重启mysql 服务 #错误2 ERROR 1045: Acces...

杭州-IT攻城狮
昨天
5
0

中国龙-扬科
昨天
1
0
[Spring4.x]基于spring4.x纯注解的Web工程搭建

在前文中已经说明了如何基于 Spring4.x+ 版本开发纯注解的非web项目,链接如下: https://my.oschina.net/morpheusWB/blog/2985600 本文则主要说明,如何在Web项目中,"基于spring纯注解方式...

morpheusWB
昨天
16
0
基础编程题目集-7-13 日K蜡烛图

股票价格涨跌趋势,常用蜡烛图技术中的K线图来表示,分为按日的日K线、按周的周K线、按月的月K线等。以日K线为例,每天股票价格从开盘到收盘走完一天,对应一根蜡烛小图,要表示四个价格:开...

niithub
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部