关于Ionic

什么是Ionic,Ionic适合怎样的开发?
Ionic是一个HTML5的移动应用开发框架,针对构建混合的移动应用程序。混合应用程序从本质上来说,是运行在浏览器内壳里面的小网站,它可以访问本地平台层。混合应用程序有许多超过纯原生应用的好处,特别是在平台支持,发展速度,还有第三方代码支持方面。
想像一下,Ionic作为前端UI框架,它会帮助你处理所有你的App需要的外观和UI交互,你的app将变的如此动人。像“从原生出发“,支持一系列常见的原生移动组件,支持流畅的动画,和华丽的设计。
不同于一般的响应式框架,Ionic有着类原生风格的移动UI元素和布局,就像从一个原生iOS或Android SDK里面构建出来的一样,但以前从未存在过。Ionic也给了你一些你喜欢的,但强大的方式来构建移动应用程序,Eclipse导入现有的HTML5开发框架。
由于Ionic是一个HTML5框架,它需要一个本地的包装如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应用的结构非常简单。它的核心,只是一个运行在本地app壳里的Web页面!这意味着我们可以使用我们想用的HTML,CSS和JavaScript。唯一的区别是,不同于那些有外链的网站,我们正在建设一个独立的应用程序。
Ionic大部分使用HTML,JavaScript,CSS。聪明的开发者们也可能深入到Cordova插件或原生代码,但这并不是通往Great App的必经之路。
Ionic的核心功能也使用了AngularJS框架。虽然你可以只使用Ionic的CSS部分,但我们建议你在Angular上花一点时间,它是目前构建Webapp最好的方式。

开始吧!
现在你已经明白Ionic存在的原因,准备开始建立你的第一个应用程序吧。做好安装准备并开始建立Ionic App吧!

1 简介 1、Native APP(原生) 2、Hybrid APP(混合) 3、React Native Hybrid App按网页语言与程序语言的混合,通常分为三种类型:多View混合型,单View混合型,Web主体型。 2 技术 2.1 技术选型 Ionic 2.1.1 Ionic介绍 Ionic是一款基于Angular、Cordova的强大的HTML5移动应用开发框架,可以快速创建一个跨平台的移动医用。可以快速开发移动APP、移动WEB页面、微信公众平台应用,混合APP WEB页面。 2.1.2 Ionic和cordova、Angular关系 Ionic = cordova + Angular + ionic Css Ionic 是完全基于谷歌的 Angular 框架,在 Angular 基础上面做了一些封装,让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用JavaScript 调用 Native 功能,ionic 自己也封装了一套漂亮的 CSS UI 库。 2.1.3 开发工具 Visual Studio Code 2.1.4 管理工具 Git 2.2 环境搭建 2.2.1 概述 2.2.2 JDK 2.2.2.1 版本 jdk1.8 2.2.2.2 配置 JAVA_HOME PATH CLASSPATH 2.2.3 Apache ant 2.2.3.1 版本 1.9.12 2.2.3.2 解压 2.2.3.3 配置 ANT_HOME: D:\android\apache-ant-1.10.4 Path: %ANT_HOME%\bin 2.2.3.4 查看安装版本 ant –v 2.2.4 android SDK 2.2.4.1 版本 r24.4.1 2.2.4.2 配置 ANDROID_SDK_HOME: D:\Android\android-sdk-windows Path:%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools 2.2.4.3 SDK 通过SDK Manager下载相关的版本 2.2.4.4 查看信息 android -h 2.2.5 node.js 2.2.5.1 版本 8.11.3 2.2.5.2 安装 2.2.5.3 查看版本 node –v npm -v 2.2.6 npm/cnpm 2.2.6.1 安装npm nodejs已经集成了npm 2.2.6.2 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.2.7 cordova 2.2.7.1 版本 8.0.0 2.2.7.2 安装 npm install -g cordova 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.7.3 查看版本 cordova -v 2.2.8 ionic 2.2.8.1 版本 3.20.0 2.2.8.2 安装 npm install –g ionic 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.8.3 查看版本 ionic –v 2.2.8.4 查看信息 ionic info 3 项目 3.1 创建 3.1.1 新建 3.1.2 启动 3.1.3 打包 3.1.3.1 添加 3.1.3.2 生产release版apk(签名后安装) 3.1.3.3 生成debug版apk 3.1.4 签名 3.1.4.1 生成签名文件 keytool -genkey -v -keystore testapp.keystore -alias testapp.keystore -keyalg RSA -validity 20000 3.1.4.2 apk签名 jarsigner -verbose -keystore testapp.keystore -signedjar app-release-signed.apk app-release-unsigned.apk testapp.keystore 3.1.5 安装 安卓手机安装使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值