Ionic一款用web技术开发类似原生

一、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







































北京最权威白癜风专科
有什么办法根治白癜风



转载请注明:http://www.guyukameng.com/php/959.html

  • 上一篇文章:
  •   
  • 下一篇文章: