前端开发框架ionic,以假乱真的页面和流畅的运行速度直逼原生应用,让你情不自禁的爱上了她,下面来简单介绍下ionic。
Ionic是目前最有潜力的一款 HTML5 手机应用开发框架。 通过 SASS 构建应用程序,Ionic提供了很多 UI 组件来帮助开发者开发强大的应用。 ionic使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用ionic成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用,基于cordova(原PhoneGap)的编译平台,可以实现编译成各个平台的应用程序。
先决条件:注:以下命令除有sudo说明外都是在普通用户权限下执行
要有nodejs环境.
sudo apt install nodejs sudo ln -s `which nodejs` /usr/bin/node要有Java环境
使用oneinstack一键PHP/Java工具安装sun-JDK 镜像站: http://www.androiddevtools.cn/ http://android-mirror.bugly.qq.com:8080/ http://mirrors.neusoft.edu.cn/ 在这个网站下载sdk 解压放到一个目录 sudo gedit /etc/profile 加入 export ANDROID_HOME=/home/py/tools/android-sdk-linux export PATH=$ANDROID_HOME/platform-tools:$PATH export PATH=$ANDROID_HOME/tools:$PATH (ANDROID_HOME改成自己的目录) 保存退出之后,使用以下命令让环境变量生效 source /etc/profile 然后 执行 android 安装api23,因为官方demo是基于android6.0,时间不短,耐心等待安装32位运行库
sudo apt-get install -y libc6-i386 lib32stdc++6 lib32gcc1 lib32ncurses5 lib32z1创建android模拟器
在镜像站下载安卓镜像,放入your sdk 路径/system-images目录下 使用 android avd 创建模拟器 开始创建APP1.安装ionic/Install Ionic
sudo npm install -g cordova ionic2.通过Ionic创建一个项目
ionic start myApp tabs3.编译项目成apk
cd myApp ionic platform add android ionic build android到这里如果没有错误就能生成apk了。
apk路径
4.运行项目
ionic emulate android这样就会自动打开已经创建的模拟器,并自动部署apk
效果: