`
gybin
  • 浏览: 269257 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

仅用移动开发服务:一分钱不花,开发native应用

    博客分类:
  • web
 
阅读更多
使用Nitrous.IO云端编程环境,Github代码管理,Ionic框架基于Web快速开发,PhoneGap跨平台编译,Firebase后端服务支持等一系列的移动开发工具和服务,我们可以做到不花一分钱,就开发出native的应用来。

不花一分钱,就可以做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

    不同于传统移动应用开发,它不需要开发者分别用 Swift/Obj-C 或者 Java/Kotlin 编写 iOS 或 Android 特定代码。通过 React Native 的桥接机制,JavaScript 能够和原生代码进行交互。 3. React Native 的核心组成...

    React Native跨平台移动应用开发 第一版

    本资源为"React Native跨平台移动应用开发 第一版"的扫描版,提供了关于使用React Native进行移动应用开发的详细指南。 React Native的核心理念是"Learn once, write anywhere",意味着开发者只需要学习一次,就...

    ReactNative用javascript开发移动应用.中文完整版.pdf

    总的来说,React Native是一个强大的工具,它降低了跨平台移动应用开发的门槛,让开发者可以用一种语言和一套工具链开发高性能的应用。虽然它可能不如原生开发那样具有完全的灵活性,但它的优点在于效率、可移植性和...

    ReactNative用javascript开发移动应用

    《ReactNative用javascript开发移动应用.pdf》,无书签。

    React Native 跨平台移动应用开发(P364完整版) 卷1

    《React Native跨平台移动应用开发》每一章都专注于阐述某一方面的知识,配合若干个原创的、精小的例程,能让读者系统、快速地掌握该方面知识。 《React Native跨平台移动应用开发》是按照有基本的编程基础知识,刚...

    ReactNative跨平台移动应用开发

    资源名称:React Native跨平台移动应用开发资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。

    REACT NATIVE跨平台移动应用开发 第二版.zip

    在“React Native跨平台移动应用开发 第二版”中,我们深入探讨了这个强大的工具及其在构建高性能、多平台应用中的应用。 1. **React Native基础知识**:React Native基于React.js,一个用于构建用户界面的...

    移动应用开发 技术关键词: React Native 内容关键词: 跨平台移动应用 用途: 用于构建能够在iOS和Androi

    移动应用开发 技术关键词: React Native 内容关键词: 跨平台移动应用 用途: 用于构建能够在iOS和Android平台上运行的原生移动应用 内容描述: 一个开源的移动应用框架,允许开发者使用JavaScript和React来构建...

    知识领域: 移动应用开发 技术关键词: iOS开发、Android开发、React Native 内容关键词: 原生应用、跨平台

    知识领域: 移动应用开发 技术关键词: iOS开发、Android开发、React Native 内容关键词: 原生应用、跨平台开发、移动界面设计 用途: 学习构建功能丰富的移动应用程序,覆盖多个平台 资源描述: "Ray Wenderlich"网站...

    移动应用开发技术选型策略.pdf

    "移动应用开发技术选型策略" 移动应用开发技术选型策略是企业移动应用开发技术选择的重要组成部分。当前,移动应用的类型和开发模式多样化,企业在选择移动应用和开发技术时面临着很多的挑战。本文对移动应用的分类...

    知识领域: 移动应用开发 技术关键词: iOS、Android、React Native

    知识领域: 移动应用开发 技术关键词: iOS、Android、React Native 内容关键词: 原生开发、跨平台开发、用户界面设计 用途: 学习构建移动应用程序的技术和最佳实践 资源描述: Ray Wenderlich 的移动应用开发教程

    React Native 跨平台移动应用开发 卷2

    《React Native跨平台移动应用开发》每一章都专注于阐述某一方面的知识,配合若干个原创的、精小的例程,能让读者系统、快速地掌握该方面知识。 《React Native跨平台移动应用开发》是按照有基本的编程基础知识,刚...

    react Native移动开发实战代码

    总之,“react Native移动开发实战代码”提供了全面的React Native学习资源,从基础概念到高级实践,覆盖了移动应用开发的各个方面。通过深入学习和实践,开发者将能够熟练掌握React Native,构建高效、高质量的跨...

    跨平台的移动应用开发

    跨平台的移动应用开发是当前IT领域中的一个重要趋势,它旨在通过一次编码,实现多平台兼容,从而提高开发效率和节约成本。以下是一些关于这个主题的重要知识点: 1. **跨平台开发框架**:跨平台移动应用开发的核心...

    React+Native应用开发实例解析pdf

    React Native是Facebook推出的一款开源框架,它允许开发者使用JavaScript和React来构建原生移动应用程序。这个框架的独特之处在于,它提供了“Write Once, Run Everywhere”的能力,使得开发者可以用一套代码库开发...

    mtlframework基于ReactNative的移动App开发框架

    **mtlframework** 是一个基于 **React Native** 的移动应用开发框架,专为构建高性能、跨平台的原生移动应用程序而设计。React Native是由Facebook开发的开源库,它允许开发者使用JavaScript来编写iOS和Android应用...

    移动应用开发赛卷.zip

    2020年的移动应用开发赛卷,聚焦于移动应用开发,这是当前信息技术行业中极其重要的一环,因为智能手机和平板电脑已经成为人们日常生活和工作中不可或缺的工具。 移动应用开发涵盖了iOS、Android以及跨平台开发等多...

    Vue Native是一个使用JavaScript构建跨平台本机移动应用程序的框架.zip

    总的来说,Vue Native是一个极具潜力的框架,它让JavaScript开发者有机会涉足原生移动应用开发,而无需深入学习Objective-C或Java。结合Vue.js的优雅和React Native的跨平台能力,Vue Native为移动开发开辟了新的...

Global site tag (gtag.js) - Google Analytics