Mudanças entre as edições de "Instalando uma Aplicação React.js"
De Aulas
(Criou página com ' d') |
(→Apache) |
||
(2 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
Linha 1: | Linha 1: | ||
+ | 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 <code>build</code> 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 <code>sudo</code>: | ||
+ | |||
+ | $ 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 <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.html
e onde tiver<script src="/
Retirar a barra/
, apontando como apenas para a subpasta. Depois abra sua aplicação normalmente no navegador.