Neste tutorial vamos ensinar como publicar uma aplicação front-end no Node.js, como por exemplo, React.js, Angular, entre outros.

1. Criando uma build da aplicação

Primeiramente, precisamos gerar uma build da aplicação criada, geralmente os comandos mais comuns são:

React.js:

npm run build

Angular

ng build --prod

2. Realizando o deploy da aplicação para a hospedagem

Então, com a aplicação devidamente preparada, vamos fazer o deploy para a Hospedagem Elástica da Brasil Cloud. Neste ponto, podemos seguir dois caminhos:

1. Deploy pelo FTP

Primordialmente, O FTP é uma maneira clássica e simples de enviar arquivos para o servidor. Contudo, você pode seguir o tutorial abaixo para configurar sua conta FTP e enviar os arquivos de build.

Tutorial: Como criar conta FTP na Hospedagem Elástica

Passos Básicos:

• Conecte-se ao servidor FTP usando uma ferramenta como FileZilla.
• Faça upload do conteúdo das pastas build/ (React) ou dist/ (Angular) para o diretório público no servidor.

2. Deploy pelo GitHub

Da mesma forma, se você usa o GitHub para versionamento do código, pode integrar o processo de deploy diretamente. A hospedagem elástica da Brasil Cloud permite que você faça deploy automático a partir de um repositório GitHub.

Tutorial: Como realizar deploy via GitHub em sua hospedagem

Passos Básicos:

• Conecte sua hospedagem ao GitHub.
• Defina a branch que será usada para o deploy (geralmente a main ou master).
• Ao enviar uma atualização para o repositório, a hospedagem atualiza automaticamente a aplicação.

O deploy deve ser feito como o exemplo abaixo:

3. Configurando a hospedagem para iniciar a aplicação

Por último, após realizar o deploy, será necessário alterar o arquivo de execução da hospedagem em Node.js que por padrão é o index.js. Coloque o código abaixo:

const express = require('express');
const path = require('path');

const app = express();
const port = process.env.PORT || 3000;

app.use(express.static(path.join(__dirname, 'CAMINHO DA PASTA DO BUILD')));

app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, 'CAMINHO DA PASTA DO BUILD', 'index.html'));
});

app.listen(port, () => {
    console.log(`Qualquer comentário para o log`);
});

Enfim, após finalizar os passos, basta acessar sua hospedagem por um navegador que estará funcionando normalmente.

Pronto, você aprendeu como publicar uma aplicação front-end no Node.js

Acesse nossos tutoriais da hospedagem elástica e aprenda muito mais sobre o painel:

https://brasilcloud.com.br/categoria_tutoriais/hospedagem-elastica

Compartilhe: