Apa saja solusi untuk mendistribusikan aplikasi desktop berbasis HTML5?

Saya ingin dapat mendistribusikan aplikasi HTML5 saya sebagai aplikasi desktop mandiri di Windows, OSX, dan Linux. Saya ingin orang-orang dapat mengklik dua kali pintasan ikon aplikasi saya untuk menjalankan program saya.

Saya tidak ingin jendela browser ditampilkan sama sekali, hanya aplikasi saya. Apakah ini mungkin?

Aplikasi HTML5 pada tahun 2014

Bingkai oleh chrome / webkit

• Elektron (sebelumnya Atom Shell)

  Electron adalah pustaka sumber terbuka yang dikembangkan oleh GitHub untuk membangun aplikasi desktop lintas platform dengan HTML, CSS, dan JavaScript. Elektron menyelesaikan ini dengan menggabungkan Chromium dan Node.js menjadi satu runtime dan aplikasi dapat dikemas untuk Mac, Windows, dan Linux. ( sumber )

  Orang-orang di github menggunakan ini untuk menyediakan editor kode mereka Atom sebagai aplikasi. Ia memiliki api yang didokumentasikan dan saluran bantuan di forum atom resmi.

• Node-Webkit , pendekatan yang paling minimal

  node-webkit adalah runtime aplikasi berdasarkan Chromium dan node.js. Anda dapat menulis aplikasi asli dalam HTML dan JavaScript dengan node-webkit. Ini juga memungkinkan Anda memanggil modul Node.js langsung dari DOM dan memungkinkan cara baru untuk menulis aplikasi asli dengan semua teknologi Web.

  Intel berada di balik ini (?). Saya telah diberitahu bahwa itu sangat kasar di sekitarnya.

• Brackets Shell , kotak pasir editor kode Adobes (dan basis Adobe Edge)

  Catatan: Shell kurung hanya dipelihara untuk digunakan oleh proyek kurung. Meskipun beberapa orang pasti berhasil menggunakannya sebagai shell aplikasi untuk proyek lain, kami tidak memberikan dukungan resmi untuk itu dan kami belum melakukan banyak pekerjaan untuk membuat shell aplikasi mudah digunakan kembali. Banyak orang akan lebih mudah menggunakan proyek seperti node-webkit, yang lebih umum secara desain.

  kata readme, tetapi ada cukup banyak orang di luar sana yang melakukannya.

Kerangka + Alat

• Adobe AIR , seperti jawaban lain yang disarankan.

  Runtime Adobe® AIR® memungkinkan pengembang untuk mengemas kode yang sama ke dalam aplikasi asli untuk desktop Windows dan Mac OS serta iPhone, iPad, Kindle Fire, Nook Tablet, dan perangkat Android ™ lainnya, menjangkau toko aplikasi seluler untuk lebih dari 500 juta perangkat.

• Sencha adalah perusahaan yang menjual alat untuk pengembang aplikasi, termasuk pengembangan dan distribusi aplikasi HTML5.

Pendekatan tidak aktif

• Tide SDK ( diarsipkan pada 2015-07-12 di archive.org ), versi beta, dihentikan pada 12 Juli 2015

  http://www.tidesdk.org/

• XULRunner dari Mozilla dapat melakukan trik untuk Anda tetapi menambahkan beberapa overhead.

• app.js berakhir pada 28 Oktober 2013 karena dikalahkan oleh ( https://github.com/rogerwang/node-webkit)[node-webkit] .

  Karena itu sederhana namun kuat. Menggunakan AppJS Anda tidak perlu khawatir tentang pengkodean lintas-platform atau mempelajari bahasa dan alat baru. Anda sudah terbiasa dengan HTML, CSS dan JavaScript. Apa yang lebih baik dari tumpukan ini untuk pengembangan aplikasi? Selain itu, AppJS menggunakan Chromium pada intinya sehingga Anda mendapatkan API HTML 5 terbaru yang berfungsi. Jadi, dan fokus pada tugas yang harus dilakukan aplikasi Anda.

• Mozilla Prism didekomisi, slugline mereka adalah:

  Membawa aplikasi web ke Desktop
  Prism Anda adalah aplikasi yang memungkinkan pengguna memisahkan aplikasi web dari browser mereka dan menjalankannya langsung di desktop mereka.

Anda dapat menggunakan AppJS yang menggunakan Nodejs dan Chromium untuk membangun aplikasi html5 untuk desktop. lihat: http://appjs.com Tautan Github: https://github.com/appjs/appjs

Anda mungkin ingin melihat XULRunner dari Mozilla. Pada tingkat 10.000 kaki, browser FireFox adalah aplikasi XULRunner (jelas yang sangat canggih, tapi ...). Tetapi XULRunner memungkinkan Anda menggunakan Javascript dan XML untuk membuat aplikasi, dan jendela peramban adalah salah satu komponen itu, sehingga setelah Anda membuka jendela dasar, kemungkinan besar Anda bisa melakukan apa saja yang diinginkan.

Juga, tergantung pada kecanggihan aplikasi Anda, ada beberapa kerangka kerja "widget" (seperti Dashboard di Mac, Yahoo Widgets, Windows Gadgets) yang pada dasarnya juga merupakan runtime HTML.

Lihat Titanium . Baru hari ini saya mengambil aplikasi HTML5 fungsional dan dengan beberapa modifikasi kecil bisa memasukkannya ke Titanium dan mengemasnya untuk Mac, Windows dan Linux.

Dan itu juga mendukung PHP, Python dan Ruby jika aplikasi Anda membutuhkan pemrosesan "sisi server".

chrome dapat melakukan apa yang prisma lihat - Alat-> Buat Pintasan aplikasi

Anda dapat mencoba Phonegap, ada Windows Desktop Port: https://github.com/davejohnson/phonegap-windows

Saya mencoba mac-port, itu bekerja dengan baik. Saya belum mencoba versi windows.

Adobe AIR dimaksudkan untuk memungkinkan Anda bekerja terutama dalam HTML, CSS, dan JavaScript sambil menyediakan aplikasi desktop. (Peringatan: Saya belum benar-benar menggunakannya sendiri.)

[Khusus Windows] coba pendekatan Aplikasi HTML (HTA) - cukup simpan file .html Anda dengan ekstensi .hta. Ini juga menyediakan beberapa pengaturan tambahan untuk menghilangkan jendela browser, mengatur tingkat kepercayaan untuk aplikasi, dll. Baca lebih lanjut di sini: http://en.wikipedia.org/wiki/HTML_Application dan di sini http://technet.microsoft. com / en-ca / scriptcenter / dd742317.aspx

Hmmm ... mesin virtual untuk HTML5 / CSS / JS ... terdengar seperti browser. :)

Mungkin Adobe AIR akan melakukan triknya, karena didasarkan pada gagasan membawa aplikasi Internet yang kaya ke desktop. Namun saya belum pernah menggunakannya.

Satu hal yang dapat Anda lakukan adalah mengembangkan aplikasi desktop yang sangat mendasar yang menggunakan beberapa jenis kontrol browser web yang telah dikemas sebelumnya (misalnya jika Anda mengembangkan untuk Mac, cukup letakkan WebView di jendela dan tambahkan beberapa kode dasar untuk memuat html Anda pada aplikasi memulai).

Periksa proyek baru ini dari Mozilla. Anda juga dapat membuat aplikasi desktop: https://developer.mozilla.org/en/Apps

Detail di sini: http://hacks.mozilla.org/2012/05/desktop-apps-with-html5-and-the-mozilla-web-runtime/

Untuk ponsel Anda dapat menggunakan PhoneGap http://www.phonegap.com/ . Mungkin dengan beberapa pengkodean lagi Anda dapat menggunakannya untuk desktop.

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

Saat ini jawabannya adalah solusi yang berbeda untuk setiap platform.

• Untuk MAC OSX Anda akan membuat Aplikasi Desktop Kakao dengan UIWebView
• Untuk Windows Anda akan membuat aplikasi desktop .NET dengan komponen browser.

Anda dapat menggunakan server tertanam seperti Tomcat atau mungkin Apache.

Saya menggunakan kucing jantan untuk aplikasi web java lengkap. Jalankan di dalam browser, tetapi aplikasi harus diinstal. Cara pintas untuk memulai aplikasi, memulai layanan dan membuka browser.

Atau coba gunakan webkit

Agak terlambat, tetapi Anda dapat menggunakan versi portabel dari google chrome, dan kemudian membuat aplikasi windows kecil untuk menginstalnya, dan membuat pintasan .ink ke mode --kiosk dan aplikasi.
Agak suka cara pintas aplikasi chrome, tetapi di mana Anda menginstal chrome untuk mereka.

Jika Anda hanya membutuhkannya untuk Windows, Anda harus mempertimbangkan Aplikasi HTML (HTA), itu sudah menjadi bagian dari Internet Explorer sejak IE 5 (10+ tahun).

Tidak diperlukan server, pemformatan HTML lengkap, akses penuh ke sumber daya lokal (bahkan port COM / USB), luar biasa. Juga, mudah di-debug dengan Visual Studio, cukup ikat ke MSHTA.exe

Anda dapat mengaktifkan HTML 5 di HTA dengan tag meta berikut:

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