Heroku에서 React로 앱 삭제

안녕 할 일,

Una de las formas gratuitas y fáciles de alojar tus aplicaciones web es usandoHeroku .

다음 응용 프로그램에 대한 REACT 문제 해결:

Cambios 및 반응

React los siguientes paquetes에 대한 설치 프로젝트

npm i express
npm i express-favicon

Añadir un archivo llamado server.js en el root del proyecto que use express en nuestra aplicación de React

const express = require('express');
const favicon = require('express-favicon');
const path = require('path');
const port = process.env.PORT || 8080;
const app = express();
app.use(favicon(__dirname + '/build/favicon.ico'));
// the __dirname is the current directory from where the script is running
app.use(express.static(__dirname));
app.use(express.static(path.join(__dirname, 'build')));
app.get('/ping', function (req, res) {
 return res.send('pong');
});
app.get('/*', function (req, res) {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
app.listen(port);

Modificar el start en el package.json (SÓLO PARA DESPLEGAR A HEROKU)

"start": "node server.js",

캄비오스 엔 헤로쿠

Heroku의 Crear una nueva 앱

Poner el nombre a tu app y escoger la región donde quieres que se despliegue (EEUU o Europa)

Desplegando tu app desde el 터미널

Ejecutando en el terminal de tu aplicación los siguientes comandos:

heroku login

El terminal te pide pulsar cualquier tecla(menos la letra q). Esto te abrirá una ventana en el navegador para que aceptes el login.

Suscribiéndote el repositorio remoto de tu app en Heroku

heroku git:remote -a miprimeraappenheroku

Subiendo el código a heroku

git add .
git commit -am "Subiendo a heroku"
git push heroku master

Si has seguido los pasos correctamente, se inicia el despliegue y tendrías tu app desplegada en heroku :)

Y aqui el proyecto desplegado
https://miprimeraappenheroku.herokuapp.com/



Espero les sirva, hasta la próxima :)