Soluções para distribuir aplicações HTML5 como aplicações desktop? [fechado]

Quais são algumas soluções para distribuir uma aplicação de ambiente de trabalho baseada em HTML5?

Eu quero ser capaz de distribuir o meu aplicativo HTML5 como uma aplicação de desktop autônoma no Windows, OSX e Linux. Eu gostaria que as pessoas fossem capazes de clicar duas vezes no atalho do ícone da aplicação para executar o meu programa.

Não quero que a janela do navegador apareça, só a minha aplicação. Isto é possível?

Author: Daniel X Moore, 2011-02-02

16 answers

Aplicações HTML5 em 2014

Quadros cromados / webkit

  • Electrão (antiga camada Atómica)

    Electron é uma biblioteca de código aberto desenvolvida pelo GitHub para construir aplicações de desktop multi-plataforma com HTML, CSS e JavaScript. O elétron consegue isso combinando crómio e nó.js em um único período de execução e aplicativos podem ser empacotados para Mac, Windows e Linux. (fonte)

    As pessoas em github usam isto para tecnologia.

    A inteligência está por detrás disto.). Disseram-me que é muito áspero.
  • Linha de comandos entre parêntesis, a caixa de areia do editor de código Adobes (e a base do bordo do Adobe)

    Nota: A linha de comandos entre parêntesis só é mantida para utilização pelo projecto entre parêntesis. Embora algumas pessoas definitivamente tiveram sucesso usando-o como uma shell app para outros projetos, não fornecemos qualquer suporte oficial para isso e não fizemos uma tonelada de trabalho para fazer a shell do aplicativo facilmente reutilizável. Muitas pessoas provavelmente acharão mais fácil usar um projeto como node-webkit, que é mais genérico por design.

    Diz o readme, mas há muita gente lá fora que o fez.

Quadros + Ferramentas

  • Adobe AIR, como outras respostas sugeriram.

    O tempo de execução Adobe® AIR® permite aos programadores colocar o mesmo código em aplicações nativas para Windows e Mac OS desktops, bem como iPhone, iPad, Kindle Fire, Nook Tablet, e outros dispositivos Android™, alcançando as lojas de aplicativos móveis para mais de 500 milhões de dispositivos.

  • A Sencha é uma empresa que vende ferramentas para desenvolvedores de aplicativos, incluindo desenvolvimento e distribuição de aplicativos html5.

Abordagens inactivas

 73
Author: Samuel Herzog, 2017-05-23 11:46:27

Pode usar o AppJS que usa o Nodejs e o crómio para criar aplicações html5 para o ambiente de trabalho. topa-me isto. http://appjs.com Ligação do Github: https://github.com/appjs/appjs

 14
Author: Morteza Milani, 2014-06-10 11:08:56

É melhor veres o XULRunner do Mozilla. A um nível de 10000 pés, o navegador FireFox é uma aplicação XULRunner (obviamente uma muito sofisticada, mas...). Mas o XULRunner permite-lhe usar o Javascript e o XML para criar aplicações, e a janela do navegador é um desses componentes, por isso, assim que tiver a sua janela básica pronta, poderá provavelmente fazer praticamente tudo o que quiser.

Além disso, dependendo da sofisticação da sua aplicação, existem vários quadros "widget" (como o painel no Mac, Widgets Yahoo, Gadgets do Windows) que são basicamente horas de execução HTML também.
 10
Author: Will Hartung, 2011-02-02 00:46:12

Definitivamente verificar titânio. Ainda hoje eu peguei um aplicativo HTML5 funcional e com algumas modificações menores foi capaz de jogá-lo em titânio e empacotá-lo para Mac, Windows e Linux.

E também suporta PHP, Python e Ruby se a sua aplicação necessitar de processamento do lado do servidor.

 10
Author: ggutenberg, 2011-04-06 17:55:58

O Chrome pode fazer o que o prism vê -- Tools - > criar um atalho de Aplicação

 5
Author: user822746, 2011-10-28 11:48:05

Você pode tentar o Phonegap, existe uma porta de Desktop do Windows: https://github.com/davejohnson/phonegap-windows

Tentei o mac-port, funcionou bem. Ainda não tentei a versão do windows.
 4
Author: Christian Kuetbach, 2012-04-04 20:42:10

Adobe AIR destina-se a permitir-lhe trabalhar principalmente em HTML, CSS e JavaScript enquanto fornece uma aplicação de desktop. Ainda não o usei.)

 3
Author: T.J. Crowder, 2011-02-02 00:43:39

[apenas no Windows] tente a abordagem da aplicação HTML (HTA) - basta gravar o seu .ficheiro html com .extensão hta. Ele também fornece algumas configurações adicionais para se livrar da janela do navegador, definir o nível de confiança para o aplicativo, etc. Leia mais aqui: http://en.wikipedia.org/wiki/HTML_Application e aqui http://technet.microsoft.com/en-ca/scriptcenter/dd742317.aspx

 3
Author: Vik, 2012-06-28 15:38:27

Hmmm... uma máquina virtual para HTML5/CSS / JS... parece um browser. :)

Talvez a Adobe AIR fizesse o truque, porque se baseia na ideia de trazer aplicativos de internet ricos para o ambiente de trabalho. Mas nunca a usei.

Uma coisa que você pode fazer é desenvolver um aplicativo de desktop muito básico que usa algum tipo de controle de navegador web pré-embalado (por exemplo, se você está desenvolvendo para um Mac, basta largar uma WebView na janela e adicionar algum código básico para carregar o seu html Sobre app arranque).

 2
Author: Jeff, 2011-02-02 00:44:51

Verifique este novo projecto do Mozilla. Você também pode criar aplicativos de desktop: https://developer.mozilla.org/en/Apps

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

 2
Author: Peacemoon, 2012-05-22 21:09:41

Para telemóveis pode usar o PhoneGap http://www.phonegap.com / . Provavelmente com mais algum código você pode usá-lo para desktop.

 1
Author: user977828, 2011-10-04 05:17:13
 1
Author: athanis, 2012-01-12 14:12:45
Atualmente a resposta é que são diferentes soluções de cada plataforma.
  • para o MAC OSX, irá criar uma aplicação de desktop Cocoa com uma interface de utilizador
  • Para O Windows, irá criar uma aplicação.Net desktop com um componente de navegador.
 1
Author: icemelt7, 2012-01-24 13:47:30
Pode usar um servidor embutido como o Tomcat ou talvez o Apache.

USO o tomcat para uma aplicação web java completa. Execute dentro do navegador, mas a aplicação precisa ser instalada. O atalho para iniciar o aplicativo, iniciar o serviço e abrir o navegador.

Ou tentar usar o webkit

 1
Author: Bruno Tafarelo, 2012-04-04 20:38:06

Se você só precisa dele para o Windows, você deve considerar aplicações HTML (HTA), ele tem sido parte do Internet Explorer desde IE 5 (10+ anos).

Não é necessário nenhum servidor, formatação HTML completa, acesso completo aos recursos locais (até mesmo portas COM / USB), impressionante. Além disso, fácil de depurar com Visual Studio, basta ligar para MSHTA.exe

Poderá activar o HTML 5 no HTA com a seguinte meta-marca:

<!-- enable html5 features --> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
 1
Author: William Walseth, 2012-07-16 14:33:54

Um pouco tarde, mas você pode usar uma versão portátil do google chrome, e, em seguida, criar um pequeno aplicativo windows para instalá-lo, e criar um .atalho de tinta para o seu ... quiosque e modo de Aplicação.
Como atalhos de aplicações chrome, mas onde você instala o chrome para eles.

 0
Author: Frank, 2012-06-26 10:59:03