将 HTML5应用程序作为桌面应用程序分发的解决方案?

发布基于 HTML5的桌面应用程序有哪些解决方案?

我希望能够将我的 HTML5应用程序作为一个独立的桌面应用程序在 Windows、 OSX 和 Linux 上发布。我希望人们能够双击我的应用程序图标快捷方式来运行我的程序。

我不希望浏览器窗口显示,只是我的应用程序。这可能吗?

91379 次浏览

Adobe AIR 是为了让您在提供桌面应用程序的同时主要使用 HTML、 CSS 和 JavaScript。< em > (注意: 我自己并没有真正使用过它。)

嗯... ... 一个用于 HTML5/CSS/JS 的虚拟机... ... 听起来像是一个浏览器。 :)

也许 Adobe AIR 可以做到这一点,因为它基于将丰富的互联网应用程序带到桌面的想法。但我从没用过。

你可以做的一件事就是开发一个非常基本的桌面应用程序,它使用某种预先打包的 Web 浏览器控件(例如,如果你正在开发一个 Mac,只需在窗口中放置一个 WebView,并添加一些基本的代码来在应用程序启动时加载你的 html)。

你可能想看看来自 Mozilla 的 XULRunner。在10000英尺的高度,FireFox 浏览器是一个 XULRunner 应用程序(显然是一个非常复杂的应用程序,但是... ...)。但是 XULRunner 允许您使用 Javascript 和 XML 来创建应用程序,而浏览器窗口就是这些组件之一,所以一旦打开了基本窗口,您就可以做几乎任何您想做的事情。

此外,根据应用程序的复杂程度,还有几个基本上也是 HTML 运行时的“小部件”框架(如 Mac 上的 Dashboard、 Yahoo 小部件、 Windows 小部件)。

2014年的 HTML5应用

由 chrome/webkit 制作的帧

  • 电子 (原子壳)

    Electron 是 GitHub 开发的一个开源库,用于使用 HTML、 CSS 和 JavaScript 构建跨平台桌面应用程序。Electron 通过将 Chromium 和 Node.js 组合成一个运行时来实现这一点,并且可以为 Mac、 Windows 和 Linux 打包应用程序。(来源)

    Github 的人们使用这个来提供他们的 代码编辑器 Atom作为一个应用程序。它在官方的原子论坛上有一个文档化的 api 和一个帮助通道。

  • Node-Webkit ,最小化的方法

    Node-webkit 是一个基于 Chromium 和 node.js 的应用程序运行时。您可以使用 node-webkit 以 HTML 和 JavaScript 编写本地应用程序。它还允许您直接从 DOM 调用 Node.js 模块,并支持使用所有 Web 技术编写本地应用程序的新方法。

    情报部门是幕后黑手,我被告知情况不容乐观。

  • Brackets Shell ,Adobe 代码编辑器的沙箱(和 Adobe Edge 的基础)

    注意: 括号 -shell 仅供括号项目使用。虽然有些人已经成功地将它用作其他项目的应用程序外壳,但是我们没有提供任何官方支持,也没有做大量的工作来使应用程序外壳易于重用。许多人可能会发现使用 node-webkit 这样的项目更容易,因为它的设计更通用。

    自述说,但有相当多的人在那里谁这样做,然而。

框架 + 工具

非主动接近

一定要看看 钛合金。就在今天,我使用了一个功能性的 HTML5应用程序,只做了一些小小的修改,就可以把它放到 Titium 中,并将其打包用于 Mac、 Windows 和 Linux。

如果您的应用程序需要“服务器端”处理,它还支持 PHP、 Python 和 Ruby。

对于移动电话,你可以使用 PhoneGap http://www.phonegap.com/。可能随着一些更多的编码,你可以使用它的桌面。

Chrome 可以做到棱镜可以做到的事情(详见: Tools-> Create application Shortcut)

森查的 http://www.Sencha.com/ Pokki http://www.Pokki.com/

目前的答案是每个平台都有不同的解决方案。

  • 对于 MAC OSX,您将创建一个具有 UIWebView 的 Cocoa 桌面应用程序
  • 对于 Windows,您将使用浏览器组件创建一个.NET 桌面应用程序。

您可以使用像 Tomcat 或 Apache 这样的嵌入式服务器。

我使用 tomcat 作为一个完整的 java web 应用程序。在浏览器内运行,但需要安装应用程序。启动应用程序、启动服务和打开浏览器的快捷方式。

或者试试使用 webkit

您可以尝试 Phonegap,有一个 Windows 桌面端口: https://github.com/davejohnson/phonegap-windows

我试过 Mac-port,它工作得很好。我还没有试过 Windows 版本。

检查这个来自 Mozilla 的新项目。你也可以创建桌面应用程序: https://developer.mozilla.org/en/Apps

详情: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

你可以使用 AppJS,它使用 Nodejs 和 Chromium 为桌面构建 html5应用程序。点击查看: http://appjs.com/rel = “ nofollow norefrer”> http://appjs.com Github 链接: http://Github.com/appjs/appjs rel = “ nofollow norefrer”> https://Github.com/appjs/appjs

有点晚了,但你可以使用谷歌铬便携版,然后创建一个小窗口应用程序来安装它,并创建一个。墨水快捷方式到它的——信息亭和应用程序模式。
有点像铬应用程序的快捷方式,但你安装铬为他们。

[仅在 Windows 上]尝试 HTML 应用程序(HTA)方法-只需保存您的。Html 文件。Hta 分机。它还提供了一些额外的设置,以摆脱浏览器窗口,设置应用程序的信任等级。阅读更多: http://en.wikipedia.org/wiki/HTML_Applicationhttp://technet.microsoft.com/en-ca/scriptcenter/dd742317.aspx

如果你只是在 Windows 上需要它,你应该考虑一下 HTML 应用程序(HTA) ,从 IE 5(10多年)开始它就是 Internet Explorer 的一部分。

不需要服务器,完整的 HTML 格式,完全访问本地资源(甚至 COM/USB 端口) ,真棒。而且,使用 VisualStudio 进行调试很容易,只需绑定到 MSHTA.exe 即可

你可以通过下面的 meta 标签在 HTA 中启用 HTML 5:

<!-- enable html5 features -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>