Heroku dan Bereaksi: Menyebarkan Aplikasi Pertama Anda

Apa itu Heroku secara umum? Mengapa saya membutuhkannya?

Mengapa saya membutuhkan cloud ini? Saya dapat membeli hosting murah

Membuat aplikasi Bereaksi Anda sendiri

 npx create-react-app test-app
 cd test-app

 npm i -D
 npm start

Buat favicon Anda

Buat server Express Anda

 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.png')); 
 
 //    
 app.use(express.static(__dirname));
 app.use(express.static(path.join(__dirname, 'build')));
 
 //  
 app.get('/ping', function (req, res) {
  return res.send('pong');
 });
 
 // html
 app.get('/*', function (req, res) {
 res.sendFile(path.join(__dirname, 'build', 'index.html'));
 });
 app.listen(port);

 yarn add express express-favicon path -D

 "start": "node server.js",

Jalankan build

 yarn build

Sembunyikan peta sumber

 GENERATE_SOURCEMAP=false

Langsung Menyebarkan

 heroku create todoisakura313

 npm install
 git add --all
 git commit -m "first commit"
 git push heroku master 

heroku open