Servidor Web Simples

Para criar ou testar jogos web criados com Phaser ou outro framework em HTML 5, geralmente basta abrir a pasta e efetuar um duplo clique no index.html. Mas tem jogo que somente funciona com Chrome ou outro navegador. Neste caso precisamos que o jogo rode sob um servidor web.

Mas aí basta ter apenas o Apache instalado ou qualquer outro servidor web. Não precisa ter suporte a PHP, Java, MySQL, etc.

Servidores web bem simples de instalar e sem qualquer configuração são alguns módulos do Node.js, instaláveis com o npm.

Atualmente boa parte dos programadores têm o node.js instalado e os que não têm ganharão ao instalar.

O node.js tem alguns módulos de servidor web. São servidores simples, apenas para sites estáticos, ou seja, apenas HTML, CSS e JavaScript.
Mas são muito simples de instalar e de usar. Caso precise da URL do node.js veja ao final deste artigo.

Um exemplo de código que não funciona no Firefox é quando o jogo/aplicativo usa o WebSQL/SQLite, nem mesmo que esteja no dirtório web. Precisa do Chrome.

Para instalar em máquina sem servidor web fica mais simples que a instalação de um servidor web convencional, especialmente se for no Windows.

Light-server
https://github.com/johnpapa/lite-server

Instalação no Ubuntu e derivados
sudo npm install -g light-server

No Windows - abrir o prompt e executar:
npm install -g light-server

Usando
light-server -s c:\xampp\htdocs\labirinto
Agora abra o navegador e digite:
http://localhost:4000

Para receber ajuda sobre mais comandos e opções

light-server -h


Live Server - Outro ainda mais simples e prático
https://github.com/tapio/live-server

Instalação
No Ubuntu
sudo npm install live-server -g

Windows
npm install live-server -g

Usando
cd c:\xampp\htdocs\labirinto
live-server

E ele já abre o index.html no navegador default

Para abrir no navegador Chrome (quando ele não é o default):
live-server --browser=google-chrome

Para abrir no chrome e numa pasta
live-server --browser=google-chrome --open=/var/www/html/labirinto

Simpleficando
Para tornar isso mais prático e não precisar memorizar o comando, podemos criar um script para linux ou batch para windows.

No Linux
sudo nano /usr/local/bin/live
live-server --browser=google-chrome --open=$1

sudo chmod +x /usr/local/bin/live

Usando
live /var/www/html/labirinto

No windows
Iniciar - executar
notepad c:\windows\live.bat
live-server --browser=google-chrome --open=%1

Usando
live c:\xampp\htdocs\labirinto

Ajuda sobre o live-server
live-server -h

Instalação do Node.js
Faça o download e instale daqui
https://nodejs.org/

Debugando
Uma vantagem deste tipo de servidor é que ele mostra no terminal os logs e já podemos ver os erros, caso existam. Um exemplo é quando ele não encontra um arquivo e mostra o erro 404.