html5转义为相应移动端app-Apache cordova+NodeJS环境配置
博客专区 > w-rain 的博客 > 博客详情
html5转义为相应移动端app-Apache cordova+NodeJS环境配置
w-rain 发表于3年前
html5转义为相应移动端app-Apache cordova+NodeJS环境配置
  • 发表于 3年前
  • 阅读 64
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: html5转义为相应移动端app-Apache cordova+NodeJS环境配置,可以在ios、android、windows phone 、blackberry、fireOS等上运行,由html5 构造SPA项目

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的个人博客

共有 人打赏支持
粉丝 27
博文 43
码字总数 43952
×
w-rain
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: