Hybird App——cordova(原PhoneGap)安装配置

简介:  一,环境支持                 1,安卓开发环境(JDK+安卓SDK+AS/Eclipse)          2,Node.js           先说下PhoneGap跟cordova的关系:PhoneGap是原先的名字,Cordova是PhoneGap被捐给apache之后用的项目名,PhoneGap的名字也被保留了。


 一,环境支持


                 1,安卓开发环境(JDK+安卓SDK+AS/Eclipse)

          2,Node.js


           先说下PhoneGap跟cordova的关系:PhoneGap是原先的名字,Cordova是PhoneGap被捐给apache之后用的项目名,PhoneGap的名字也被保留了。。。具体不深究。。


二,安装


              安装完nodejs之后,就可以使用它的npm命令了(类似liunx下的命令)。


         

             1,安装:

                  npminstall -g cordova

 

           2,完成之后进行版本检查,确定安装完成:

                cordova -version

 

           3,创建项目:

               cd H:\MobileTools\PhoneGap\Projects #进入文件夹要创建的项目的文件夹下面

               cordova create hello com.example.helloHelloWorld #这个指令创建一个名为hello的项目,包名为 com.example.hello

               cordova platform add android  #命令添加android平台

 

           之后在as中打开项目:


            


       会看到 相比我们之前建立的安卓项目,会多了很多东西,另外在对Acitivy的使用上面:


      


      省去了webView,直接在activity的oncreate方法中进行页面的加载。



三,试用体会

              1,环境搭建还是蛮复杂的,还有,发现nodejs在前端框架中用的越来越多了,不知道以后会不会web开发中,出现nodejs+h5+c3这样的标配。

          2,针对原生代码,提供了挺多类库,在web ui上,我们可以自己选择前端框架进行搭配。具体性能不详。





目录
相关文章
|
4月前
Cordova APP 设置图标
Cordova APP 设置图标
41 1
|
4月前
|
Java Android开发 数据安全/隐私保护
Cordova 打包APP安装失败
Cordova 打包APP安装失败
56 0
|
4月前
|
JavaScript Android开发
Cordova APP 无法访问后端接口
Cordova APP 无法访问后端接口
133 0
|
4月前
|
JavaScript Android开发
Cordova 后台运行 Android APP
Cordova 后台运行 Android APP
86 0
|
移动开发 缓存 JavaScript
Vue3.0入门 + Vant3.0移动端实践(三)使用Cordova打包Android App
Vue3.0入门 + Vant3.0移动端实践(三)使用Cordova打包Android App
|
存储 JavaScript 前端开发
利用cordova将网站封装成app
利用cordova将网站封装成app
156 0
|
Java Android开发 数据安全/隐私保护
Cordova 打包APP安装失败
解决方案,由提示可以分析是Android APP 打包没有生成证书导致,在确保本地安装了 java 和 javac 的情况下,在Android项目根目录下执行证书生成命令。
308 0
Cordova 打包APP安装失败
|
JavaScript Android开发
Cordova APP 无法访问后端接口
通过 Cordova 打包的 Vue 项目,APP 在 Android 设备中可以访问页面,但是无法访问后端接口。
600 0
|
JavaScript Android开发
Cordova 后台运行 Android APP
在 Vue 项目中的主页(Home.vue)设置返回键,点击返回后 APP 自动后台运行,在 Home.vue created() 中设置回退按钮监听事件。
307 0
|
Android开发
cordova APP 检查更新
原文:cordova APP 检查更新 //升级程序 .factory('UpdateService', function ($rootScope, $cordovaAppVersion, $cordovaFileTransfer, $timeout, $ionicLoading, $...
1572 0