Aplicações estáticas em subdomínio Nginx

A documentação a seguir detalha o processo de configuração do bloco location do Nginx, especificamente projetado para servir aplicações estáticas. Essas aplicações consistem em um conjunto de arquivos, como HTML, CSS, JavaScript, além de imagens, que são entregues diretamente ao navegador do usuário. Esta configuração é crucial para garantir que o conteúdo estático seja acessado de forma eficiente, proporcionando uma experiência rápida e responsiva para os usuários finais.

Para prover aplicações estáticas devemos informar a Nginx qual o caminho até pasta onde o arquivo Index.html está presente podemos fazer isso da seguinte maneira:

1. Criar no diretório /etc/nginx/includes

Podemos navegar até este diretório usando o seguinte comando:

cd /etc/nginx/includes

No diretório podemos criar o arquivo e edita-lo utilizando o vim

sudo vim site.conf

1. O seguinte código deve ser adicionado ao arquivo criado:

location /caminho_do_subdominio {
	alias /var/www/caminho_ate_pasta;
	index index.html;
}

No exemplo a aplicação ficaria disponível em https://mackleaps.mackenzie.br/caminho_do_subdominio este caminho é denominado pelo bloco location da Nginx. Por padrão a Nginx pode prover aplicações a partir do diretório /var/www mas pode também ser provido do diretório home sem problemas.

Para salvar o arquivo utilize a tecla esc e posteriormente o comando :wq no vim.

1. Por fim devemos importar o arquivo de conf no servidor em sites-available

Podemos navegar até este diretório com o comando

cd /etc/nginx/sites-available

Novamente vamos utilizar o vim para editar neste caso o arquivo default

sudo vim default

No bloco de includes devemos adicionar a seguinte linha:

include /etc/nginx/includes/site.conf;

Para salvar o arquivo utilize a tecla esc e posteriormente o comando :wq no vim.

1. Reiniciar a Nginx

Finalizadas as configurações podemos reiniciar a Nginx a fim de que as alterações tenham efeito

sudo nginx -t #verifica se existe algum erro na configuração da Nginx
sudo systemctl restart nginx # reinicia a nginx

Caso nenhum erro seja lançado a aplicação deve estar disponível na url configurada.

Erro 403 - Verifique se existe um arquivo index.html na pasta da aplicação caso contrário a Nginx bloquei o acesso aos demais arquivos por questões de segurança.