web-dev-qa-db-ja.com

HTML5アプリケーションをデスクトップアプリケーションとして配布するためのソリューションですか？

HTML5ベースのデスクトップアプリケーションを配布するためのソリューションは何ですか？

HTML5アプリをWindows、OSX、Linuxのスタンドアロンデスクトップアプリケーションとして配布できるようにしたい。ユーザーがアプリアイコンのショートカットをダブルクリックしてプログラムを実行できるようにしたいと思います。

ブラウザウィンドウを表示したくないので、アプリだけを表示します。これは可能ですか？

javascripthtml5desktop-application
140
foreyez

2014年のHTML5アプリ

クロム/ウェブキットによるフレーム

  • 電子 （以前のAtom Shell）

    Electronは、HTML、CSS、およびJavaScriptを使用してクロスプラットフォームのデスクトップアプリケーションを構築するためにGitHubによって開発されたオープンソースライブラリです。 Electronは、ChromiumとNode.jsを単一のランタイムに組み合わせることでこれを達成し、アプリはMac、Windows、Linux用にパッケージ化できます。 （ ソース ）

    Githubのユーザーはこれを使用して、アプリとして コードエディターAtom を提供します。公式のatomフォーラムに文書化されたAPIとヘルプチャンネルがあります。

  • Node-Webkit 、最も最小限のアプローチ

    node-webkitは、Chromiumとnode.jsに基づくアプリランタイムです。 node-webkitを使用して、ネイティブアプリをHTMLおよびJavaScriptで記述できます。また、Node.jsモジュールをDOMから直接呼び出すことができ、すべてのWebテクノロジーを使用してネイティブアプリケーションを記述する新しい方法が可能になります。

    Intelはこの背後にいます（？）。私はそれが端の周りで非常に荒いと言われました。

  • Brackets Shell 、Adobesコードエディターのサンドボックス（およびAdobe Edgeのベース）

    注：ブラケットシェルは、ブラケットプロジェクトで使用するためにのみ維持されます。他のプロジェクトのアプリシェルとして使用することに成功した人もいますが、そのための公式サポートは提供しておらず、アプリシェルを簡単に再利用できるようにするための膨大な作業も行っていません。多くの人は、node-webkitのようなプロジェクトを使用する方が簡単だと思うでしょう。これは、設計により一般的です。

    rEADMEには書いてありますが、それをやった人たちはたくさんいます。

フレームワーク+ツール

  • Adobe AIR 、別の答えが示唆したように。

    Adobe®AIR®ランタイムにより、開発者は同じコードをWindowsおよびMac OSデスクトップ、iPhone、iPad、Kindle Fire、Nookタブレット、およびその他のAndroid™デバイス用のネイティブアプリにパッケージ化し、5億人以上のモバイルアプリストアに到達できます。デバイス。

  • Sencha は、html5アプリの開発と配布を含むアプリ開発者向けのツールを販売する会社です。

非アクティブなアプローチ

  • Tide SDK （ archive.orgで2015-07-12にアーカイブ ）、ベータ版、 2015年7月12日に廃止

    http://www.tidesdk.org/

  • MozillaのXULRunner はあなたのためにトリックをするかもしれませんが、いくらかのオーバーヘッドを追加します。

  • app.js で終了 2013年10月28日 （ https://github.com/rogerwang/node-webkit）[node-webkit] 。

    シンプルでありながら強力だからです。 AppJSを使用すると、クロスプラットフォームのコーディングや新しい言語とツールの学習について心配する必要がありません。すでにHTML、CSS、およびJavaScriptに精通しています。アプリケーション開発のためにこのスタックより優れているものは何ですか？また、AppJSはコアでChromiumを使用しているため、最新のHTML 5 APIが機能します。そのため、アプリケーションが行うべきタスクに集中してください。

  • Mozilla Prism は廃止されました。

    Webアプリケーションをデスクトップに持ち込む
    Prismは、ユーザーがブラウザからWebアプリケーションを分割し、デスクトップで直接実行できるようにするアプリケーションです。

73
Samuel Herzog

NodejsとChromiumを使用するAppJSを使用して、デスクトップ用のhtml5アプリを作成できます。チェックしてください： http://appjs.com Githubリンク： https://github.com/appjs/appjs

14
Morteza Milani

間違いなくチェックアウト Titanium 。ちょうど今日、機能的なHTML5アプリを使用し、いくつかの小さな変更を加えてTitaniumにドロップし、Mac、Windows、Linux用にパッケージ化することができました。

また、アプリで「サーバー側」の処理が必要な場合は、PHP、PythonおよびRubyもサポートします。

10
ggutenberg

MozillaのXULRunnerをご覧ください。 10000フィートのレベルでは、FireFoxブラウザーはXULRunnerアプリケーションです（明らかに非常に高度なアプリケーションですが、...）。しかし、XULRunnerを使用すると、JavascriptとXMLを使用してアプリケーションを作成できます。また、ブラウザーウィンドウはこれらのコンポーネントの1つです。したがって、基本的なウィンドウを立ち上げれば、ほとんど何でもできます。

また、アプリケーションの高度さに応じて、基本的にHTMLランタイムでもある「ウィジェット」フレームワーク（Macのダッシュボード、Yahooウィジェット、Windowsガジェットなど）がいくつかあります。

10
Will Hartung

chromeはプリズムの機能を実行できます-ツール->アプリケーションの作成ショートカット

5
user822746

Phonegapを試すことができます。Windowsデスクトップポートがあります。 https://github.com/davejohnson/phonegap-windows

Macポートを試してみましたが、うまくいきました。私はまだWindows版を試していませんでした。

4
Christian Kuetbach

Adobe AIR は、デスクトップアプリケーションを提供しながら、主にHTML、CSS、およびJavaScriptで作業できるようにすることを目的としています。 （注意：実際に自分で使用したことはありません。）

3
T.J. Crowder

[Windowsのみ] HTMLアプリケーション（HTA）アプローチを試してください。htmlファイルを.hta拡張子で保存するだけです。また、ブラウザウィンドウを削除したり、アプリの信頼レベルを設定したりするための追加設定も提供します。詳細はこちら： http://en.wikipedia.org/wiki/HTML_Application およびこちら- http://technet.Microsoft.com/en-ca/scriptcenter/dd742317.aspx

3
Vik

Hmmm ... HTML5/CSS/JSの仮想マシン...はブラウザのように聞こえます。 :)

たぶんAdobe AIRがうまくいくでしょう。なぜなら、リッチインターネットアプリをデスクトップに持ち込むというアイデアに基づいているからです。ただし、使用したことはありません。

できることの1つは、何らかのパッケージ済みWebブラウザーコントロールを使用する非常に基本的なデスクトップアプリを開発することです（たとえば、Mac用に開発している場合は、ウィンドウにWebViewをドロップし、アプリにhtmlを読み込むための基本的なコードを追加するだけです）起動）。

2
Jeff

Mozillaからこの新しいプロジェクトをチェックしてください。デスクトップアプリも作成できます。 https://developer.mozilla.org/en/Apps

詳細はこちら： http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

2
Peacemoon

TomcatまたはApacheのような組み込みサーバーを使用できます。

完全なJava WebアプリケーションにTomcatを使用します。ブラウザ内で実行しますが、アプリケーションをインストールする必要があります。アプリを開始し、サービスを開始し、ブラウザーを開くためのショートカット。

または、webkitを使用してみてください

1
Bruno Tafarelo

Sencha http://www.sencha.com/ Pokki http://www.pokki.com/

1
athanis

Windowsで必要な場合は、HTMLアプリケーション（HTA）を検討する必要があります。これはIE 5（10年以上）以来Internet Explorerの一部です。

サーバー不要、完全なHTMLフォーマット、ローカルリソースへのフルアクセス（COM/USBポートも）、素晴らしい。また、Visual Studioで簡単にデバッグでき、MSHTA.exeにバインドするだけです

次のメタタグを使用して、HTAでHTML 5を有効にできます。

<!-- enable html5 features --> 
<meta http-equiv="X-UA-Compatible" content="IE=Edge"></meta>
1
William Walseth

携帯電話の場合、PhoneGap http://www.phonegap.com/ を使用できます。もう少しコーディングすれば、デスクトップに使用できます。

1
user977828

現在、答えは各プラットフォームの異なるソリューションです。

  • MAC OSXの場合、UIWebViewを使用してCocoaデスクトップアプリを作成します
  • Windowsの場合、ブラウザコンポーネントを使用して.NETデスクトップアプリを作成します。
1
icemelt7

少し遅れますが、Google Chromeのポータブルバージョンを使用し、小さなWindowsアプリを作成してインストールし、-kioskおよびアプリモードへの.inkショートカットを作成できます。
Kindaはchromeアプリケーションショートカットと似ていますが、chromeをインストールします。

1
Frank