带有 MVC 框架的 Firefox OS 应用程序答案

【问题标题】：Firefox OS App with MVC framework带有 MVC 框架的 Firefox OS 应用程序
【发布时间】：2014-07-09 06:41:08
【问题描述】：

我是 Firefox OS 应用新手。我正在尝试为我的在线购物网站构建 Firefox OS 应用程序。你能指导我如何开始。当我阅读时，我只需要一个 manifest.webapp 文件和一个在 firefox 市场上的列表即可安装。

谁能建议我应该在launch_path中写什么？作为一个 MVC 框架，我不能放置像“/index.html”这样的简单路径

非常感谢。

【问题讨论】：

【解决方案1】：

Firefox OS App 只是一个由 HTML、CSS 和 Javascript 开发的 Web 应用程序，带有 Web API、基于 JS 的设备 API 处理智能手机中的 Wi-Fi、电话等。因此，如果您可以在http://jonathanmh.com/best-javascript-mvc-frameworks-2013-2014/ 中使用 Javascript MVC 框架，如 angular 或bone.js。还有来自 https://hacks.mozilla.org/2014/02/ember-js-what-it-is-and-why-we-need-to-care-about-it/ 的 Ember.js 入门。编码愉快！

【讨论】：

嘿，谢谢钱尼！一个有用的指针。这意味着我们在构建这些应用程序时不能使用 php、pythons 等作为后端，对吗？我是移动应用开发的新手
@ShrutiJakhete 是的。您可以制作没有后端的客户端应用程序。如果需要存储用户数据，可以使用 IndexedDB 或 localStorage。但是，这些可能会像 BaaS 提供商一样同步到服务器数据库。
我认为 Firefox 应用程序基本上可以是一个网站（使用 Python/其他任何东西构建），具有允许安装的特殊清单（以及可能在 Javascript 中可用的更多 Firefox API）？
@NoBugs 没有。您可以使离线应用保持从网络服务器的更新。您可以离线安装和运行国际象棋等 HTML5 游戏。

【解决方案2】：

如果您想要一个使用 Angular 和 RequireJS 的 Firefox OS 应用程序示例，从而显示引导等如何工作，请参阅：ffos-list-detail。

【讨论】：

【解决方案3】：

我认为在 firefox os 应用程序中使用 mvc 模式很容易，请参阅this thread，也许您会发现那里建议的文件夹结构很有用。我还建议使用由 apache cordova 提供支持的框架，名为 ionic，ionic 也以与 MVC 模式类似的方式组织您的应用程序。

firefox os 中缺少服务器端脚本并不是以 MVC 方式组织项目的限制，只要记住模式基础，划分你的视图和逻辑即可。

这里是一个使用 angular.js 作为客户端 MVC 框架的示例，它可以帮助以类似于 MVC 模式的方式组织您的应用程序：

your-app-folder
├── index.html
├── manifest.webapp
├── js
│   ├── controllers
│   │   └── main.js
│   │   └── ...
│   ├── directives
│   │   └── yourDirective.js
│   │   └── ...
│   ├── filters
│   │   └── yourFilter.js
│   │   └── ...
│   ├── services
│   │   └── yourService.js
│   │   └── ...
│   ├── libs
│   │   ├── jquery.min.js
│   │   └── angular.min.js
│   └── app.js
├── css
│   └── ...
└── views
    ├── login.html
    └── ...

【讨论】：