Angular 빌드하기
세팅 파일 만들기
- procfile
1
web: node web.js
procfile 뒤에 확장자명은 붙지 않습니다.
- package.json
1
2
C:\Users\wk647\Desktop\my_new_project\myapp> npm init
...
앱을 생성한 폴더에서 npm init 명령어 후 계속 엔터를 치면 package.json 파일을 만들 수 있습니다.
1
2
3
4
5
6
7
{
"name": "myapp",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
...
json파일을 확인해 보면 위와 같은 포맷으로 정의되어 있을 겁니다. package.json파일을 배포 파일을 저장하는 폴더로 옮겨 주세요.
- web.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var express = require('express');
var path = require('path');
var app = express();
const port = process.env.PORT || '5000';
app.set('port', port);
app.use(express.static(__dirname + '/public'));
app.get('/[^\.]+$', function(req, res) {
res.set('Content-Type', 'text/html')
.sendFile(path.join(__dirname, '/public/index.html'))
});
app.listen(app.get('port'), function() {
console.log("Node app is running at localhost:" + app.get('port'))
});
이렇게 만들어진 3개의 파일을 배포 파일을 저장하는 폴더로 옮겨주세요.
배포 파일을 저장하는 deploy 폴더에 이미지와 같은 파일들이 있으면 준비가 끝난겁니다!!