仅用移动开发服务：开发native应用

时间 2019-11-17

标签仅用移动开发服务 native 应用栏目无线繁體版

原文原文链接

不花一分钱，就能够作native应用开发，这在之前是根本不敢想象的事儿。然而在今天，移动开发工具和服务已经五花八门，聪明的开发者只要为所欲为的抓取几个顺手的，就能完成native开发。今天给你们介绍的思路其实很简单：html

1. 使用Nitrous.IO云端编程环境，开启Node.JS的box模块。
2. 而后使用Github帐号链接上Node.JS box。
3. 内容部分，可使用Ionic框架和Web代码，快速开发出咱们须要的界面。
4. 使用PhoneGap编译出native的Android app。
5. 最后还可使用Firebase链接上你的app，做为后端服务。前端

Nitrous.IO
web

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应用中，使用HTML五、CSS3和JavaScript。欢迎你们踊跃尝试，并分享试用心得给咱们。网络

Ionic 并非一个能够彻底替代PhoneGap的方案，也不是一个真正的JavaScrip框架，它的重点是在于UI交互设计。这个框架附带了SASS，而且可选各类AngularJS扩展，有许多部件能够调用，如按钮、切换、页眉页脚、标签栏等等。而且最使人印象深入的是，Ionic团队制做了一套很棒的教程和示例。app

在这里，咱们要实现一个很简单的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应用最基本的功能。

移动开发工具

下一步？以后须要咱们对产品进行不断的打磨，设计好看的图标，优雅的动画效果，以及更多功能。经过使用这些移动开发服务和工具，咱们能够不花费一分钱，将全部的精力都集中在开发自己。