构建混合应用程序,从哪里开始?

时间:2015-08-07 14:59:59

标签: android ios cordova hybrid crosswalk-runtime

我知道这是一个“开放”的问题,但我根本不知道从哪里开始。让我先告诉你一些我的经验/背景,以便你知道我的水平:

  • 在日子里用Lingo构建cd-roms
  • 在HTML3.2时代开始进行网络/前端开发,在XHTML热的时候有点停止
  • 使用Javascript 1.2直到1.6左右,后来开始使用Jquery
  • 动作脚本高达2.0,构建网站和游戏
  • 做了相当多的PHP / mySQL开发。构建自定义CMS'和以后的Drupal模块开发
  • 所有这些都是在实习期间或作为一名自由职业者,在书籍的帮助下自我思考等等。

所以现在我坚持这个想法来构建自己的应用程序。我已经决定它应该是一个混合应用程序,因为我的目标受众非常小,但60%是iOS,我不想遗漏Android。我也熟悉HTML5 / CSS3并开始为我的应用程序开发组件。 该应用程序的基本概念是它是Google功能之上的一个层:个人资料,日历,圈子和视频群聊。用户(最终我希望)能够为其他用户创建rsvp的事件,他们将能够将彼此添加为伙伴并聊聊事件。这是一个小步骤的功能,但对我来说是一个巨大的一步:)

我正在考虑使用Android版的Crosswalk项目来应对混合应用程序开发的最大问题。

我在准备的最后几个月一直在阅读,我读的越多,我似乎就越不知道。这是我认为我应该了解更多的东西;

  • Node.js的
  • Gulp.js
  • Dev环境工作(我曾在Homesite工作,后来Dreamweaver - 不要笑)
  • 包装工具等
  • 人行横道项目

现在我不是在寻找一些拖放软件包来在3天内构建应用程序。我不想采取简单的路线本身,我不介意一点学习曲线。我在Win8机器上工作,我知道这不是最佳的,但我无法改变它。

现在我应该从哪里开始?我自己在考虑NPM,但你们可能会想到其他方面。关于你认为我需要学习的东西的任何好书?让我走了?

Thanx的建议!

2 个答案:

答案 0 :(得分:2)

我可以与Cordova分享我的经验。

我像全栈开发人员一样工作,我非常专业地构建响应式网站,所以接近移动设备的自然步骤是尝试Cordova。

首先您可以开始构建完全响应的HTML文档,并在目标设备上尝试作为网页。 一个很酷的东西,针对移动设备,你可以使用新的CSS3指令,而不用担心与旧浏览器的兼容性。

首先,我按照本教程安装了Cordova。 https://ccoenraets.github.io/cordova-tutorial/create-cordova-project.html 在项目中打开文件夹/ www,您可以像编辑网站一样编辑应用程序,也可以像普通网站一样使用浏览器进行调试。

为了增强该功能,您将在github上找到许多插件,以扩展Cordova / phonegap项目的本机功能。

我建议您使用onsen http://onsen.io/构建一个框架,让您轻松使用移动UI。

我可以给你的最后一个提示,如果你定位Android是在虚拟机上试用你的应用程序,我使用比SD<更快的Genymotion https://www.genymotion.com/

祝你好运第一个应用程序!

答案 1 :(得分:1)

你可以想象,你可以从很多框架开始。

看看你的技能,也许最好使用JS / HTML / css堆栈,但在这种情况下,你将在webview中创建一个混合应用程序。 在我看来,webview应用程序的质量只有它是可以接受的,但由于他的生产力,在某些情况下可能是最好的决定。

另一个好的选择是react-native。此框架允许使用javascript创建本机应用程序。 React有自己的标记语言,与html非常相似。 JS代码使用嵌入式javascript引擎而不是webview在本机设备上执行,因此,可以将性能和体验与本机应用程序进行比较。

最后,我的另一个框架,我已经编写了一个框架,用于编写本机UI并为每个平台共享业务逻辑。您可以查看aj-framework https://github.com/bfortunato/aj-framework