The Ionic Book - 什么是Ionic

原文地址:http://ionicframework.com/docs/guide/preface.html

请尊重他人劳动成果,转载请注明出处, 谢谢

欢迎阅读关于如何通过使用Ionic Framework创建HTML5移动Apps的Ionic官方指导,该指导由Ioinic创始人编写。它包含了如何开始使用Ionic创建Apps所需要了解的知识,这为更多的高级开发奠定了基础。

如果你过去使用过其他的移动开发框架,你会发现Ionic跟他们是如此的相似。但是开始使用任何一个新的框架都会让人产生畏惧感,所以我们会从简单的开始,然后对一些基本的概念进行扩展。首先我们需要多聊聊Ionic这个项目本身,它适合用来做什么和开发它的目的。

什么是Ionic,它能用来做什么?

Ionic是一个HTML5移动应用开发框架,是用来开发混合移动应用(Hybrid Mobile Apps)的一个技术。混合应用本质上是在应用的浏览器内核中运行的一个小的网站,它可以访问一些本地平台的功能。混合应用照比本地应用(Native Apps)有很多好处,尤其是在平台支持、开发速度和使用第三方代码方面。

把Ionic想象是一个前台的UI框架,它可以处理所有的外观和用户体验以及与使用者的互动,这能够更加吸引人们来使用你的应用。它类似于“针对于本地的Bootstrap”的一种,但是能够支持很多常用的本地移动组件,滑动动画和漂亮的设计。

不同于普通的响应式框架,Ionic附带了很多本地风格的UI元素和布局,以往这些都只能通过调用iOS或者Angroid本地的SDK才能实现,在web中是从来不存在的。Ionic总是会提供给你一个强有力的方法来通过使用HTML5开发框架来开发移动应用程序。

因为Ionic是一个HTML5框架,它需要一个本地的包装器(wrapper)比如Cordova或者PhoneGap使其变成一个本地的应用来运行。我们强烈建议使用Cordova,Ionic相关的工具也都会在Cordova下运行。

我们为什么要创建Ionic?

我们创建Ionic因为我们使用坚信HTML5将会统治移动终端,就像它统治桌面那样。当桌面电脑变得足够强大并且浏览器技术也足够先进,几乎所有的人都会使用浏览器来工作。而且开发人员都会投身于Web应用的开发。随着最近移动估技术的提升,智能手机和平板也能够运行很多这种Web的应用。

通过使用Ionic,我们想来创建一个HTML5移动开发框架,它所关注的是本地或者混合的应用而不是一个移动的网站,因为我们已经感到现在已经有很多好的工具来开发移动的网站了。所以Ionic应用并不是运行在一个移动的浏览器(比如Chrome或者Safari)中的东西,而是运行在更底层的浏览器内核,比如iOS的UIWebView或者Android的WebView中,这些都可以通过使用像Cordova/PhoneGap来打包。

最重要的是,我们要确保Ionic能够尽量的开源,既提供开源许可来开发商用和开源的应用,并且发展一个围绕项目的群体。我们感觉到有太多的框架技术上是开源的,但是本质上却不是,或者只能通过付费来开源的或者非开源的使用。

使用Ionic来开发混合应用

熟悉Web开发的人会发现一个Ionic应用的结果是如此的简单。作为它的核心,它就是一个运行在本地应用内核中运行的一个网页!这意味着我们可以使用任何的HTML,CSS和Javascript代码。唯一的不同就是,我们不是在创建一个网站,我们创建的是一个独立的应用体验(self-contained application experience)。

一个Ionic应用的大部分都是用HTML,Javascript和CSS编写的。狂热的开发者也可能会深入地研究本地层的东西(使用Cordova插件或者研究本地的代码),但是这并不是必须的。

Ionic也使用AngularJS来实现框架中很多的核心功能。当然你也可以使用CSS实现同样的功能,但是我们还是建议你学习一下Angular因为它是当今开发基于浏览器的应用的最好的方法。

开始工作吧!

现在你已经对什么是Ionic和它为什么会存在有了一定的了解了,你已经准备好开发你的第一个Ionic应用了!继续安装所有需要的东西然后开始工作吧!

时间: 2024-10-22 08:55:09

The Ionic Book - 什么是Ionic的相关文章

没有苹果电脑打包iOS平台的 Ionic 2程序——《Ionic 2 实例开发》更新内容

没有苹果电脑打包iOS平台的 Ionic 2程序--<Ionic 2 实例开发>更新内容春节刚过,祝各位新的一年里万事如意,一帆风顺.<Ionic 2 实例开发>在这段时间里更新了如下内容:Ionic 2 中使用管道处理数据Ionic 2 中使用HTTP与远程服务器交互数据Ionic 2 中的样式与主题没有苹果电脑打包iOS平台的 Ionic 2程序欢迎阅读.

1.ionic系列之初识ionic

ionic官方这样解释ionic"ionic: Advanced HTML5 Hybrid Mobile App Framework",其意为:"ionic:先进的HTMl5混合移动App框架".意思已经很明显了,ionic是为移动端的APP开发而生的,无论是运行在手机浏览器上的webApp,还是说运行在手机App上的混合App,ionic都能出色完成.ionic混合应用的开发中至今为止只支持了android和IOS,缺点是尚未支持Windows Phones.并且

手机 app 开发的几种方式 ionic 学习思路以及 ionic 新建的项目分析

手机 app 开发的几种方式 ionic 学习思路以及ionic 新建的项目分析 学习要点:1. 目前开发手机 app 的几种方式2. Ionic 学习思路简介3. Ionic CSS 框架4. ionic js 指令 路由 其他 ui 交互效果5. ionic 命令行/CLI 安装 调试 打包( 第三季 第一讲已讲)6. ionic 开发包下载 以及命令创建的项目分析 1. 目前开发手机 app 的几种方式原生/Native: 使用原生 SDK 开发 App.优点不用说, 当你有足够的资源,这

Ionic实战九:ionic视频播放

本模板和以前的方式不同,采用的是 iframe方式引入的视频,如下代码: ? ? ? ? ? ? ?

ionic 打包安卓包

一.配置环境: 先按照之前的文章,配置好环境需要: 二.安装 1. 这里前提是 需要安装  node (地址: http://nodejs.cn/download/) 命令: node -v   //返回版本号 查看自己是否安装过node,如果没有安装,请访问上面地址 进行安装: 2. 使用npm安装Cordova和 ionic npm install -g ionic cordova 如果长时间没有安装成功,则使用 cnpm 淘宝镜像进行安装: 首先安装 cnpm : npm install

ionic开发之优化目录结构

当我们来个ionic start circleApp tabs的时候,会自动生成目录结构,基本如下: 显然这不利于项目的管理,当你的项目越来越复杂的时候,这是不够的.我们必须要按照模块进行文件夹的方式去管理 以下为优化后的目录结构 在模板处,我们将其按照模块文件夹的方式去分开管理,每个模块带着自己的控制器走.采用就近原则的管理方式. 当然只要你百度,还有更具备模块化的管理方式,当项目大到一定程度的时候,这种管理方式显然也是不够的,这里不做讨论. 接下来讲讲如何定制化自己的ionic主题样式. i

Android开发学习--Ionic+Cordova 环境搭建

我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list.这貌似没什么 实质性的东西, sencha touch ,jq 都能提供 .一个用 AngularJS 写的 工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它 还包含 了angular-animate.angular-resource.a

Ionic开发实战

折磨的两个月!Ionic从零单排,到项目发布!遇到了很多问题但都一一解决了,此篇文章留作记录. 当初想着因为项目不大人力足够的并且因为团队没有移动开发经验的情况下,是不是能够是用hybrid app来代替原生来完成这个项目,经过一些技术调研之后选择了Ionic.当时是对Ionic一无所知,凭借一些盲目的自信,想着方正有开发文档能有什么问题呢.现在想想都觉得当时有点冲动万一中间出现什么坑或者无法解决的问题都找不到可以咨询的人.不过好歹结果是好的,基本实现了当初需求设计,并且效果还不错. 因为Ion

Windows下Ionic Android开发环境搭建

转自 http://www.itwap.net/ArticleContent.aspx?id=26 来源: itwap.net 作者: 词略 时间: 2015-4-2 16:57:28 (一)Ionic简单介绍:   首先,Ionic是什么. Ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架,类似的其他框架有:Intel XDK等. 简单来说就是可以将你的Web应用打包发布成IOS/Android APP,并且提供了PhoneGap之外很多强大的