一、Ionic框架简介
Ionic是一个专注于用web开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了与AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。(跨平台,既可以编译成安卓应用也可以编译成IOS应用,6不6?)
二、windows下用Ionic开发Android项目的环境搭建(重点)
首先有几个概念需要明确=》
Node.JS
JavaJDK
ApacheAnt
AndroidSDK
CordovaandIonic
以上如果你有不了解的,赶快去查阅。
步骤(我用了5步):
1、下载Node.JSforWindows并安装
官方下载 然后根据你的电脑情况是32位还是64位,选择对应版本。
2、在命令行安装CordovaandIonic
npminstall-gcordova
npminstall-gionic
分两步安装,安装过程需要耐心等待。
3、下载JDK并配置好Java运行环境
这个很容易,写过java程序的应该都会。下载jdk后添加环境变量即可。因为太简单,所以不多说。
4、下载ApacheAnt并将其bin目录路径添加进Path路径
下载 像jdk一样,下载了之后要添加环境变量。
5、下载AndroidSDK并配置好SDK运行环境
尽可能的选择全面一点的sdk,开始我用的经典版不行。后来就找了系统一点的(快1G),但打包时还是提示版本不够我就又更新了其中的几个包文件。
三、创建Ionic项目打包成apk并运行
首先在创建项目之前,通过命令行进入到你要创建项目的父级目录(此处略去字):
1、开始创建APP
在控制台输入
ionicstartmyApptabs
创建了一个名为myApp的实例项目
2、进入创建的APP目录
在控制台输入
cdmyApp
3、选择配置Android环境
在控制台输入
ionicplatformaddandroid
如果是想开发IOS应用就将android改成ios
4、打包生成APP
在控制台输入
ionicbuildandroid
5、运行APP
简单一点的方法就是,你直接把生成的sdk文件拖到安卓手机,然后跟平常下载的应用一样安装就可以了。你也可以在电脑上虚拟环境运行。(需要先新建虚拟机/连接手机,新建方法:打开AndroidSDK安装目录下的AVDManager.exe选择新建)
在控制台输入
ionicrunandroid
未亲测,网上看到这中方法可以。如果出现问题,采用真机安装该app应用。
如想了解更多可进入Ionic北京最权威白癜风专科有什么办法根治白癜风