Apache2 서버 설치
먼저 Ubuntu 에서
sudo apt-get update
sudo apt-get install apache2
해 주시면 설치가 완성됩니다.
Apache2 서버가 잘 작동하는지 보기 위해서
sudo service apache2 start
하시면 http://127.0.0.1/ 에 다음과 같은 기본 페이지가 열립니다:
REACT 앱 서버에 배포하기
Apache2 설치 후
/etc/apache2/sites-available 로 가서 voiceAI.conf 안에
<VirtualHost *:80>
ServerName http://127.0.0.1
ServerAlias http://127.0.0.1
ServerAdmin webmaster@127.0.0.1
DocumentRoot /var/www/html/voice_project/build
<Directory /var/www/html/voice_project/build>
Options Indexes Follow SymLinks
AllowOverride all
Require all granted
내용을 넣어줍니다 (나중에 Public IP 가 생기면 그걸로 바꿔줍니다).
그 후, sudo a2ensite voiceAI.conf 를 입력 하시면 /etc/apache2/sites-enabled 에 링크파일이 생성됩니다.
React 앱 폴더를 /var/www/html/voice_project 에 옮긴 후 /var/www/html/voice_project/package.json 안에
"homepage": "http://127.0.0.1" 을
"name": ... 라인 밑에 추가 해 줍니다.
다시 상단 폴더에 가서 public 폴더로 가시면
sudo vim .htaccess 를 입력하셔서 다음과 같은 내용을 추가합니다:
Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
여기서 사용되는 Rewrite 모듈을 이용하기 위해
a2enmod rewrite 를 하시고
voice_project 폴더 안에
sudo npm run build 입력해 빌드해 줍니다.
마지막으로 sudo service apache2 restart 를 하시고 http://127.0.0.1 을 치시면 React 앱이 Apache2 서버에 돌고 있는 것을 볼 수 있습니다.
.jpg)