美文网首页程序人生
cordova app实践(一)-环境准备

cordova app实践(一)-环境准备

作者: 阿任_研发日志 | 来源:发表于2017-09-10 20:31 被阅读0次

      由于之前对于android和ios app开发都没有具体实践经验,所以在开发公众聚合的时候,选择了cordova框架。cordova官网地址:http://cordova.apache.org/  支持使用web技术来开发跨平台的app。

      总体使用下来感觉还是不错的,通过ajax技术,能够实现接近原生的app体验。这一系列文章就来记录一下整个app的开发过程,已经过程中遇到的一些坑和解决办法。


       正文开始,环境准备这一部分,众所周知,cordova和很多常用的插件都是基于node.js的npm管理的,所以环境的第一步,安装node.js. node.js 安装就不细说了。这里主要讲一下npm在国内访问慢的问题,在使用npm 安装cordova的时候,如果直接使用国外的npm源,很大的概率会超时失败。幸好有淘宝镜像 ,配置npm从淘宝镜像安装后,安装的速度就飞快了。

      设置使用淘宝镜像的命令: npm configsetregistry https://registry.npm.taobao.org 也可以使用cnpm来安装,具体见淘宝镜像中描述的使用方法。

       安装android sdk,这里只发布android的版本,所以只写一下安卓平台的要求,建议是直接安装androidstudio,因为后续很多情况下还是需要androidstudio的能力(比如开发插件)。国内androidstudio安装,建议从http://www.android-studio.org/下载安装。

        安装cordova: npm install -g cordova

        创建app: cordova create hello com.example.hello HelloWorld

        添加android平台: cordova platform add android,这里要注意,androidstudio安装好后,需要把gradle的路径配置到系统path环境变量中。另外,如果没有做过gradle同步的话,需要对照本机的gradle版本,先下载gradle包,不然很大概率还是超时。可以参考这里的方法解决。

运行调试:usb链接手机,并开启usb调试,执行:cordova run android,如果一切顺利,手机上可以看到cordova的界面了,至此,环境准备完毕。

相关文章

  • cordova app实践(一)-环境准备

    由于之前对于android和ios app开发都没有具体实践经验,所以在开发公众聚合的时候,选择了cord...

  • cordova打包APP

    cordova打包APP环境配置npm install -g cordova创建项目cordova create ...

  • ionic3 拍照或相册上传

    环境准备 安装 cordova-plugin-camera 插件 cordova plugin add cordo...

  • Cordova 安卓插件开发

    一。环境准备 cordova 环境。 安卓环境。 plugman环境。npm install -g plugman...

  • cordova 搭建安卓APP

    马上要开发新APP,所以整理下安卓和IOS的app cordova相关资料。因为cordova和java环境已经安...

  • iOS项目中集成Cordova

    iOS项目中集成Cordova 公司想要在已有的APP中集成一个页面,准备使用Cordova。 关于Cordova...

  • Cordova实践(一):环境搭建

    什么是Cordova? Cordova是干什么用的? Cordova的原理是什么?诸如此类的问题,各位看官可以在谷...

  • Cordova 添加支付 Plugin

    Web App 添加支付宝支付功能,需 Cordova 添加支付 Plugin 线上环境 cordova plug...

  • webApp的开发

    入门 cordova入门——cordova环境配置(一) Cordova环境安装设置

  • monkey2-实践

    一、APP的压测实践 准备Android sdk环境 准备python环境 step1: 在手机开发者选项中,讲u...

网友评论

    本文标题:cordova app实践(一)-环境准备

    本文链接:https://www.haomeiwen.com/subject/qletsxtx.html