使用移动App开发框架Ionic构建应用的5个实用技巧

本文讲的是使用移动App开发框架Ionic构建应用的5个实用技巧,本文介绍了使用 Ionic框架进行开发,为 iOS 和 Android 系统创建原生和混合移动 app 的一些技巧。

随着 HTML5 在 2014 年的推出,HTML 已经确定了它的地位。Ionic Framework 的开发者马上就认识到,这是将 HTML5 用于原生和混合应用开发平台的好时机。他们的口号是“构建一次,在任何地方运行”。

使用一个开源的 SDK,开发者可以为 iOS 和 Android(是的,还包括 Blackberry)创建 Ionic Framework app。而且,Kumulos Cordova SDK 现在已与 Ionic 框架集成,因此不应再为制作“劣质”的 app 找借口。

下面将介绍 5 个使用 Ionic 框架构建优秀 app 的技巧。

1. 使用 Creator

为什么要让事情变得更加困难?不想屈服于编写脏代码?你是否更像一个可视化开发者?那么,Ionic Creator 就是为你而生的。Ionic Creator 是一个拖放的界面工具,只需点击几下鼠标,便可将你的想法应用到 app。

通过 Creator,Ionic 为开发者提供了一个现成的组件库,开发者可以尽情使用他们。app 设计完成后,可将它分享给同事以交流意见和建议。除此之外,还可以轻松导出你的 Creator 项目至原生 IPA 和 APK 文件,以直接安装在设备上。

创作者还可以通过应用程序的想法,更容易地销售您的客户端 - 使用内置的功能,如“添加朋友”,让客户(或潜在的客户端)检查应用程序,同时仍在开发中提供其输入。 更不用说比尝试让非技术人员使用Testflight更容易了。

Creator 还可以让你在 app 中更容易向别人展示 app —— 使用内置的功能,如“添加好友”,即使 app 仍在开发期间,也可以让客户(或潜在的客户)查看 app 并提供输入功能。这比让非技术人员使用 Testflight 更容易。

2. 使用文档

每个人都会和你说 RTFM(Read The Fucking Manual)。但是,在 Ionic 中却从不会出现这种情况。为什么?因为 Ionic 的文档确实很好。事实上,你可以复制文档中的部分代码,并将其直接用于你的 app。为什么当有现成的代码在你面前时,还要花时间为头像编写一个显示列表?当然,你可能需要修改代码,但这是快速开发的好方法。

3. 自定义组件

Ionic 中的组件库是一个真正节省时间的利器。然而,它也是一把双刃剑 —— 因为 Ionic 组件是如此容易使用,每个人都可以使用它,这就使得你的 app 看起来会和其他人的是如此相似。但是可以通过引入一些自定义的 CSS 并调整一些 Ionic 预定义类以创建自己的样式来避免此问题。

4. 让 Ionic 接手“控制权”

使用 Ionic 框架开发 app,最好的地方是你不需要每一件事都亲自去做。

针对 iOS 和 Android(和 Blackberry),制作多种不同格式的启动页可能会十分痛苦。使用 Ionic,只需要设计合适的 app 图标即可,有更多的重要的事需要去做。不用担心,它的使用很简单,通过使用 Ionic CLI,只需在平台目录中放置合适的文件即可(Ionic 可与 .png, Photoshop, 和 Illustrator 格式兼容),这样就可以轻松为 iOS 和 Android 生成 app 图标和启动页界面。

5. 朝着原生的方向

将 app 无缝集成到操作系统中,是为用户提供优秀体验的最好办法之一。通过使用 Platform Device Class,Ionic 变得更易执行此操作。iOS, Windows Phone, iPad, 和 Android 都有它们自己的特定类,以便在 app 运行时给予 Ionic app 原生的外观和感觉。这些类可以在不同操作系统版本之间的 iOS 和 Android 上进一步细分。

这并不是全部

当然,上面提到的亮点并不是 Ionic 内置的所有优秀特性。正如开发者喜欢在文档中说的,“使用 Ionic 的可能性是永无止境的”,但我希望至少能给大家提供几个关于如何构建优秀的 Ionic Framework app 的想法。

本文作者:佚名

来源:51CTO

原文标题:使用移动App开发框架Ionic构建应用的5个实用技巧

时间: 2024-08-24 23:49:48

使用移动App开发框架Ionic构建应用的5个实用技巧的相关文章

ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统之前端页面框架构建源码分享_实用技巧

开始,我们有了一系列的解决方案,我们将动手搭建新系统吧. 用户的体验已经需要越来越注重,这次我们是左右分栏,左边是系统菜单,右边是一个以tabs页组成的页面集合,每一个tab都可以单独刷新和关闭,因为他们会是一个iframe 工欲善其事必先利其器.需要用到以下工具. Visual Studio 2012 您可以安装MVC4 for vs2010用VS2010来开发,但是貌似你将不能使用EF5.0将会是EF4.4版本,但这没有多大的关系. MVC4将挂载在.NET Framework4.5上. 好

ASP.NET性能优化之构建自定义文件缓存_实用技巧

现在,借助于.NET4.0中的OutputCacheProvider,我们可以有多种选择创建自己的缓存.如,我们可以把HTML输出缓存存储到memcached分布式集群服务器,或者MongoDB中(一种常用的面向文档数据库,不妨阅读本篇http://msdn.microsoft.com/zh-cn/magazine/gg650661.aspx).当然,我们也可以把缓存作为文件存储到硬盘上,考虑到可扩展性,这是一种最廉价的做法,本文就是介绍如果构建自定义文件缓存. 1:OutputCachePro

通过Ionic构建一个简单的混合式(Hybrid)跨平台移动应用

通过Ionic构建一个简单的混合式(Hybrid)跨平台移动应用   介绍 自从混合式移动开发火起来之后,一部分Web工程师开始转战移动开发.混合式移动开发技术让Web工程师可以开发出各个平台的移动应用,而且不需要 学习各个平台的原生编程语言.现在已经有很多诸如PhoneGap和Titanium这些混合式开发平台来帮助我们进行混合式编程,今天我们要介绍的是一个相比之下更新的混合式移动开发平台Ionic. Ionic是一个高级HTML5混合式移动应用开发框架,同时也是一个开源的前端框架.Ionic

iOS开发实用技巧—在手机浏览器头部弹出app应用下载提示

iOS开发实用技巧-在手机浏览器头部弹出app应用下载提示 本文介绍其简单使用: 第一步:在本地建立一个访问的服务端. 打开本地终端,在本地新建一个文件夹,在该文件夹中存放测试的html页面. 在终端输入一行代码:python -m SimpleHTTPServer ---第二步:配置环境 打开safari,偏好设置->勾选 "在菜单栏中显示开发菜单",如下图所示. 第三步:编写html文件 在测试文件appdown.html中编写的测试代码如下: `说明`444934666为对

蚕豆网精品APP推荐第264期:实用技巧

每日看酷闻,当日新鲜IT资讯全Hold住,移动互联耍酷玩Fashion尽在蚕豆!欢迎订阅 蚕豆网.[产品资讯] 更刺激更好玩 <雷曼: 丛林探险>更新大部分手机游戏玩家,对手机游戏中那个活蹦乱跳.喜欢冒险的雷曼应该都不陌生.最近以雷曼为主角的游戏<雷曼:丛林探险>将版本更新到了1.1.1.在最新的版本当中雷曼丛林探险延续使用了之前版本中精美的画质.明快的背景音乐以及流畅的触屏控制.支持Retina显示屏.多重云计算保存以及可以加入GameCenter排行榜.同时,还新增了10个全新

Mark:Ionic构建web App常用命令

1,安装 npm install -g ionic   2,创建,编译 cd myApp  #进入项目目录 ionic platform add android   #加入安卓运行平台 ionic build android   #构建apk   3,运行 ionic serve  #本地浏览器查看 ionic run android #手机上查看 ionic emulate android #模拟器上查看        

一个社交App是如何构建高伸缩性的交互式系统

一个社交App需实现的功能 用户关注的常规社交功能.活动.地理位置.探索功能.新鲜事.视频照片分享等等,需要提供的功能不胜枚举,所以从技术角度来说,开发者需要解决的问题也是异常复杂的. 当一款社交App发布之初,用户访问量比较小,使用一台服务器就能够支撑全部的访问压力和数据存储需求,但是互联网应用具有病毒式的传播特点.一款App很可能会面临一夜爆红的现象,访问量和数据量在短时间内呈现爆发式增长,这时候会面临的局面是每天上亿PV.数百万新增用户和活跃用户.流量飙升至每秒数百兆.这些对于一个只部署了

收费社交网站App.net:构建一个“自由开放,没有广告和营销”的世外桃源社交网络!

社交网络的最好模式,不一定就是现在这些http://www.aliyun.com/zixun/aggregation/1560.html">Facebook.Google+.微博.朋友圈等,至少"收费社交网络"App.net不这么认为.App.net是一家向用户收费的社交网站,他们号称能给用户一个"真正更好的,完全没有广告的,真正自由开放的"的社交网络. 以下就是收费社交网络App.net的"价目表":5美元包月/36美元包年/支

ASP.NET MVC5 网站开发框架模型、数据存储、业务逻辑(三)_实用技巧

前面项目的层次和调用关系都说明了,关系如下图 采用三层架构的时候,研究过BLL层的必要性,觉得业务逻辑完全可以在controller里实现,没有必要单独做一个项目,另一个分层多了会影响性能.后来我还是把业务逻辑独立出来,原因如下: 业务逻辑写进controller里代码看着比较混乱,时间久了代码容易理不清. 在controller里直接写逻辑重复代码会不较多,开发效率低. 分项目有利于代码重用,有时候可以直接拿到其他项目中稍作修改就可以用. 对于性能我觉得分层多了肯定会有影响,但是不会很大.现在