Mudanças entre as edições de "Instalando uma Aplicação React.js"
De Aulas
(→Apache) |
|||
| (Uma revisão intermediária pelo mesmo usuário não está sendo mostrada) | |||
| Linha 1: | Linha 1: | ||
| + | Afluentes: [[Desenvolvimento Front-end II]], [[Usabilidade, desenvolvimento web, mobile e jogos]] | ||
| + | |||
= Instalando a Aplicação = | = Instalando a Aplicação = | ||
| Linha 26: | Linha 28: | ||
* Copiar a pasta build para um local no servidor apache, coloque o nome de sua escolha | * Copiar a pasta build para um local no servidor apache, coloque o nome de sua escolha | ||
| − | * Editar <code>index.html</code> e | + | * Editar <code>index.html</code> e onde tiver <code><script src="/</code> Retirar a barra <code>/</code>, apontando como apenas para a subpasta. Depois abra sua aplicação normalmente no navegador. |
Edição atual tal como às 09h38min de 5 de abril de 2024
Afluentes: Desenvolvimento Front-end II, Usabilidade, desenvolvimento web, mobile e jogos
Instalando a Aplicação
Com a aplicação pronta o que devemos fazer é gerar o build dela, ou seja, o conjunto de pastas e arquivos que você vai instalar para ser usado.
Dentro da pasta do projeto, digite:
$ npm run build
Para testar, entre na pasta build e execute a aplicação:
$ npm start
server.js
Podemos instalar o server.js para Node.js para executar a aplicação nele. Você vai precidar de privilégios de administrador pra instalar. No linux, basta a gente usar o sudo:
$ sudo npm i -g serve
Para executar a aplicação no server.js (porta 5000), na pasta raiz do projeto execute:
$ serve -s build
Apache
Para instalar a aplicação no Apache você deve:
- Copiar a pasta build para um local no servidor apache, coloque o nome de sua escolha
- Editar
index.htmle onde tiver<script src="/Retirar a barra/, apontando como apenas para a subpasta. Depois abra sua aplicação normalmente no navegador.
