Lite Server – Lightweight development only node server that serves a web app – Servidor HTTP Light para Testar seus Web Apps em HTML e Javascript

Olá Pessoal. Sejam bem vindos ao Canal e Blog SW9

No vídeo de hoje vou mostrar para vocês como instalar, configurar e
utilizar uma ferramenta bem interessante chamada Lite Server.

[Apresentação]

O Lite Server é um servidor HTTP (Lightweight development only node server that serves a web app), escrito em node JS, que nos permite rodar nossos web apps escritos em HTML e Javascript.

Assim como o HTTP Server (ferramenta que já apresentei em vídeos anteriores), o lite-server permite testar nossas web apps de forma simples e rápida.

[Principais Recursos]

Dentre os principais recursos do Lite Server podemos citar:

1. Possui área admin graças a utilização do serviço browserSync.
2. Por padrão, o lite server faz refresh automático da página após cada alteração de código fonte. Este recurso facilita bastante a vida dos desenvolvedores, que não precisam mais, a cada alteração de código, clicar no botão refresh do navegador.

[Instalação]

A instalação da ferramenta pode ser feita via npm ou yarn. Neste vídeo mostro como instalar via npm. Basta digitar no prompt de comando:

npm install -g lite-server

Neste caso, o lite-server será instalado de forma global e poderá se executado a partir de qualquer local.

ou npm install –save-dev lite-server

Neste caso, o lite-server será instalado de forma local.

Após instalação, irei mostrar como executá-lo a partir de um configuração feita no arquivo package.json

[Configuração]

Após a instalação, é hora de mostrar como configurar o lite-server. Para isso existem duas opções: Criar um arquivo no formato [json] ou um arquivo no formato . Vou abordar em detalhes estas duas alternativas no vídeo.

[Utilização]

Na sequencia, vou mostrar o painel admin do Lite-Server e as principais funcionalidades, como Ativar/Desativar o refresh automático, criar novas instâncias do servidor HTTP e ativar o Debug.

Para finalizar, vou falar sobre a utilização do recurso de fallback, que vai nos permitir mudar o nome e caminho do arquivo padrão de seu webApp (por exemplo mudar de index.html para default.html) e também usar o modo rewrite para criação de urls amigáveis.

Aproveitem o vídeo e bons estudos.

Como de costume, deixarei um link no final da descrição para baixarem o código fonte exemplo. O processo é bem simples, basta acessar o link, informar um e-mail válido e dentro de instantes receberá o link para acesso irrestrito em minha área de downloads.

O que estão esperando? Baixem agora mesmo o código fonte e bons estudos.

Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.

Fiquem com Deus e até o próximo vídeo.

Links úteis:

Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/

BrowserSync: https://www.browsersync.io/

Http Server: https://youtu.be/59OG7vg4nYI

Meu Blog: http://blog.sw9.com.br

Meu GitHub: https://sw9brl.github.io/MyGitHubPage

Canal youtube: youtube.com/+sw9brl

Link do vídeo: https://youtu.be/HuvwP1cmopE

✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se