不花一分钱,就可以做native应用开发,这在以前是根本不敢想象的事儿。然而在今天,移动开发工具和服务已经五花八门,聪明的开发者只要随心所欲的抓取几个顺手的,就能完成native开发。今天给大家介绍的思路其实很简单:
1. 使用Nitrous.IO云端编程环境,开启Node.JS的box模块。
2. 然后使用Github账号连接上Node.JS box。
3. 内容部分,可以使用Ionic框架和Web代码,快速开发出我们需要的界面。
4. 使用PhoneGap编译出native的Android app。
5. 最后还可以使用Firebase连接上你的app,作为后端服务。
Nitrous.IO
Nitrous.IO提供一个在线的集成开发环境,Nitrous.IO把编程环境完全移植到云端平台,开发者只要网络连接进Nitrous.IO,就可以不用在本地搭建的开发环境下进行编程,解决了在多种语言编程下,编程环境冲突问题。截至目前,Nitrous.IO支持Ruby、Node.js、Python和Go这四种编程环境。
此外,Nitrous.IO为开发者提供一个包括拥有384MB内存和750MB运行在云服务平台上的“沙盒”开发环境(Box)。开发者可以为不同的编程语言,创建不同的Box,不同的Box之间互不影响,并且每个Box还可以独立启动运行和停止。
一旦你在Nitrous.IO中创建了Node.JS box你就可以使用在线的编程环境了。为了更方便的进行版本管理,可以连接到你的Github账户,这里需要你添加一个Public SSH key,这样Nitrous.IO和你的Github账户高就挂起来了。你需要在GitHub上创建一个新的项目,把源的地址挂到Nitrous.IO中。
相关链接:Nitrous.IO官网、Nitrous.IO在Mobilehub主页
Ionic
使用native代码开发出来的应用,常被冠以运行速度更快,更加流畅,用户体验更好等高帽子。但是倔强的Web设计师和开发人员,总是想找到这么一种途径来使用Web代码。他们认为Web开发更加简单方便。(虽然也要面对各种JS的虐心)这个名为Ionic的前端框架,又是玩跨界的。它可以在构建native应用中,使用HTML5、CSS3和JavaScript。欢迎大家踊跃尝试,并分享试用心得给我们。
Ionic并不是一个可以完全替代PhoneGap的方案,也不是一个真正的JavaScrip框架,它的重点是在于UI交互设计。这个框架附带了SASS,并且可选各种AngularJS扩展,有许多部件可以调用,如按钮、切换、页眉页脚、标签栏等等。并且最令人印象深刻的是,Ionic团队制作了一套很棒的教程和示例。
在这里,我们要实现一个很简单的to-do-list的应用,记录我们每日都作了那些工作。
相关链接:Ionic官方网站、Ionic的Mobilehub主页
PhoneGap
PhoneGap是一款开源的免费移动应用开发框架,能够让开发者使用HTML、JavaScript、CSS等Web技术来开发跨平台移动App,支持iOS、Android、BlackBerry、webOS、Windows Phone、Symbian以及bada系统平台。在使用PhoneGap之前,你可能需要一个AdobeID,或者使用Github账号注册。
登陆之后建立一个新的应用程序,选择刚才在Github上建立的repo,一旦添加好这些,就可以选择Build App了。
把刚刚编译好的APK包,装在Android手机上,界面都可以点击,但也许你发现它还不能对数据库进行读写。前端的皮我们已经画好,下面我们需要强大的后端服务支持。
相关链接:PhoneGap官方网站、PhoneGap在Mobilehub主页
Firebase
Firebase是一家位于旧金山的后端服务提供商,公司于去年启动了其JavaScript API和云服务,主要为Web App开发者提供后端数据的实时处理服务。使用Firebase的开发者无需担心数据存储问题,无需架设自己的服务器,就可以让自己的App实时更新数据,App用户也无需刷新页面获取新数据。据悉,Firebase启动一周后已拥有超过4000名开发者注册。无论是Android还是iOS开发者,都可以使用Firebase开发本地应用。
上文已经提到,Ionic可以轻松调用各种AngularJS扩展,在这里我们可以使用AngularFire来让App与Firebase连接。挂接很简单,只需要在index.html文件的<head>部分中加入调用script即可。当然许多核心的代码还少不了需要进一步修改和完善。
<p><!-- Firebase and AngularFire Extensions --></p><p><script src='https://cdn.firebase.com/v0/firebase.js'></script> <span style="font-size: 14px; line-height: 24px;"> <script src="https://cdn.firebase.com/libs/angularfire/0.5.0-rc1/angularfire.js"></script></span></p>
之后需要进行一些测试,你能在Firebase后台预览这些时实的数据。
相关链接:Firebase官网、Firebase在Mobilehub主页
应用测试
重新在PhoneGap中Build出新的APK包,将其考入手机中,就可以欣赏自己的作品了。你可以添加每日的任务条目,编辑内容,实现一个to-do-list应用最基本的功能。
移动开发工具
下一步?之后需要我们对产品进行不断的打磨,设计好看的图标,优雅的动画效果,以及更多功能。通过使用这些移动开发服务和工具,我们可以不花费一分钱,将所有的精力都集中在开发本身。
相关推荐
《React Native:用JavaScript开发移动应用》PDF版本下载
React Native跨平台移动应用开发 第一版 扫描版 React Native跨平台移动应用开发 第一版 扫描版 React Native跨平台移动应用开发 第一版 扫描版
《ReactNative用javascript开发移动应用.pdf》,无书签。
React Native 用JavaScript开发移动应用.pdf 个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除!
《React Native跨平台移动应用开发》每一章都专注于阐述某一方面的知识,配合若干个原创的、精小的例程,能让读者系统、快速地掌握该方面知识。 《React Native跨平台移动应用开发》是按照有基本的编程基础知识,刚...
资源名称:React Native跨平台移动应用开发资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
移动应用开发 技术关键词: React Native 内容关键词: 跨平台移动应用 用途: 用于构建能够在iOS和Android平台上运行的原生移动应用 内容描述: 一个开源的移动应用框架,允许开发者使用JavaScript和React来构建...
内容概要:本文介绍了移动应用开发领域中的一些常见技术,包括移动应用程序框架、移动应用程序设计、移动应用程序测试和移动应用程序发布等等。读者可以通过本文了解如何构建高质量的移动应用程序。 使用人群:移动...
知识领域: 移动应用开发 技术关键词: iOS开发、Android开发、React Native 内容关键词: 原生应用、跨平台开发、移动界面设计 用途: 学习构建功能丰富的移动应用程序,覆盖多个平台 资源描述: "Ray Wenderlich"网站...
ReactNative用javascript开发移动应用.中文完整版.pdf。学习用,如有侵权请联系我删除
知识领域: 移动应用开发 技术关键词: iOS、Android、React Native 内容关键词: 原生开发、跨平台开发、用户界面设计 用途: 学习构建移动应用程序的技术和最佳实践 资源描述: Ray Wenderlich 的移动应用开发教程
《React Native跨平台移动应用开发》每一章都专注于阐述某一方面的知识,配合若干个原创的、精小的例程,能让读者系统、快速地掌握该方面知识。 《React Native跨平台移动应用开发》是按照有基本的编程基础知识,刚...
react native跨平台移动应用开发
3.4 开发天气应用 27 3.5 小结 40 第4章 移动应用组件 42 4.1 类比HTML 元素与原生组件 42 4.2 处理触摸和手势 46 4.3 使用结构化组件 58 4.4 平台特定组件 69 4.5 小结 74 第5章 样式 75 5.1 声明和操作...
目录 第1章React Native 1 第2章状态机思维与状态机变量16 第3章页面导航、弹出框及深入理解属性... 第16章使用ES 6语法开发303 第17章混合开发高级篇309 第18章项目配置、生成发布版本安装包及其他332
涵盖React Native的组件、API、布局、第三方组件、原生接口、开发工具、命令行工具、调试工具;电商App项目案例开发;软件开发流程、应用架构设计、代码重构,以及原生平台与跨平台开发等
React Native是Facebook公司推出的强大的、...希望通过本书,能将最新的React Native开发技术介绍给国内广大开发者,让国内移动应用开发进入一个新的时代,让开发者用比较少的精力就能高效、美观地完成移动应用开发。
在移动应用开发中,什么是原生应用(Native App)、混合应用(Hybrid App)和Web 应用(Web App)?它们各有什么特点? - 5. 移动应用开发中常用的开发语言有哪些?请简要介绍 Java、Kotlin、Swift 和 Objective-C...
React Native开发的食谱应用程序