A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 张伟南 中级黑马   /  2016-11-13 23:32  /  1548 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

使用Ionic框架进行开发Hybird app

开发环境的搭建步骤:
1.安装NodeJS(默认配置好了环境变量,不需要重新配置)  使用命令  node -v  来检测是否安装成功

2.安装ant  cordova采用ant来做的持续集成,需要配置ant环境变量  ANT_HOME  c:\apache-ant-1.9.6

3.安装ionic和cordova  采用nodeJS的npm来进行安装

安装ionic      npm install -g ionic
安装cordova    npm install -g cordova

安装之后使用命令行  ionic -v    cordova -v  来检测是否安装成功

注意:打包生成android的可执行的程序apk时,系统中需要配置android sdk的环境变量 ANDROID_HOME才能打包成功,不然要报错误的。

android  SDK的配置方法
    因为谷歌的官方网站在国内被墙掉了,其中也包括android的官方网站http://developer.android.com不能被访问。所以,下载sdk不能到谷歌的网站中下载了。我们可以在网上先下载一个android tools的工具软件,安装后其中有android  sdk  Manager的工具,这个是专门用来下载android  sdk的软件。双击打开,有一个地方可以配置下载的路径。我们可以配置为国内的一些可以下载android  sdk的服务器,进行sdk的下载。
当然,也可以在网上购买一个vpn,翻墙到android的官网,进行下载。

下载好sdk后,在系统的环境变量中配置  ANDROID_HOME为sdk的根目录即可。


使用命令行ionic来创建一个app

创建一个app          ionic start appname(app的名字)
进入到app的目录下    cd appname
选择配置android环境  ionic platform add android
打包生成app          ionic build android
运行app(需要先建立虚拟机或者连接手机)  ionic run android  你也可以将生成的apk拷贝出来,发送到手机的sd卡中,然后安装运行。


安装cordova插件  cordova  install  后面接上插件的网址



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马