文档章节

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

w-rain
 w-rain
发布于 2015/03/31 13:23
字数 937
阅读 123
收藏 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
博文 54
码字总数 46502
作品 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
好程序员告诉你HTML好在哪里,为什么值得我们学习

好程序员告诉你HTML好在哪里,为什么值得我们学习,HTML5对于用户来说,提高了用户体验,加强了视觉感受。HTML5技术在移动端,能够让应用程序回归到网页,并对网页的功能进行扩展,用户不需要...

好程序员IT
04/28
0
0
HTML5最终取代APP?移动互联网现“左右互搏”

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

木子叶
2012/07/15
2K
16

没有更多内容

加载失败,请刷新页面

加载更多

PostgreSQL build

https://buildfarm.postgresql.org/cgi-bin/show_log.pl?nm=lumpsucker&dt=2019-06-23%2020%3A57%3A27...

MtrS
今天
3
0
八、Docker Swarm

Docker Swarm有两件事:一个企业级的Docker主机安全集群,另一个是用于协调微服务应用程序的引擎。 在集群方面,它将一个或多个Docker节点组合在一起,并允许你将他们作为一个集群来管理。开...

倪伟伟
昨天
7
0
Fragment懒加载其实很简单

前言 记得去年面试的时候, 面了一家小公司, 那个面试官问我, fragment的懒加载做过吗?我说没做过(确实没做过).后来面试快结束了, 又问我, 懒加载没做过是吗?后来可想而知也没收到offer, (ಥ_...

天王盖地虎626
昨天
5
0
聊聊dubbo的TimeoutFilter

序 本文主要研究一下dubbo的TimeoutFilter ListenableFilter dubbo-2.7.2/dubbo-rpc/dubbo-rpc-api/src/main/java/org/apache/dubbo/rpc/ListenableFilter.java public abstract class Liste......

go4it
昨天
9
0
方法与数组

方法 方法就是完成特定功能的代码块;在很多语言里面都有函数的定义,函数在Java中被称为方法 格式: 修饰符 返回值类型 方法名(参数类型 参数名1,参数类型 参数名2…) throw 异常{ 函数体;...

凹凸凸
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部