OGP API 서버 Heroku에 배포하기

$ npm init    # package.json 구성
$ npm install express --save    # node express 설치
$ npm install ogp-parser --save # ogp-parser 설치

 1{
 2  "name": "ogp-to-json",
 3  "version": "0.0.1",
 4  "description": "지정한 URL 정보를 기준으로 Open Graph 정보를 추출해서 JSON 형식으로 반환합니다.",
 5  "main": "index.js",
 6  "scripts": {
 7    "start": "node ./"
 8  },
 9  "keywords": [
10    "Open Graph",
11    "ogp",
12    "Heroku"
13  ],
14  "author": "morris chang",
15  "license": "MIT",
16  "engines": {
17    "node": "v13.2.0",
18    "npm": "6.13.2"
19  },
20  "dependencies": {
21    "express": "^4.17.1",
22    "ogp-parser": "^0.4.4"
23  }
24}

 1const express = require('express');
 2
 3const app = express();
 4const PORT = process.env.PORT || 80
 5
 6// 호출 url : opg-to-json.herokuapp.com/ogp?url=.....
 7app.get("/ogp", (req, res) => {
 8    const parser = require('ogp-parser');
 9    const params = req.query;
10    const cacheControl = 'public, max-age=31557600, s-maxage=31557600';     // cache 1year
11
12    if (!params.hasOwnProperty('url')) {
13        console.error('Error getting ogp data: Please provide url parameter');
14        return res.json({error: 'Error getting ogp data: Please provide url parameter'});
15    }
16
17    return parser(encodeURI(params['url']), false)
18        .then((data) => {
19            console.log(data);
20            console.log(params['url']);
21            if (!data.hasOwnProperty('title')) {
22                console.error('Error getting ogp data: no ogpData returned');
23                return res.json({error: 'No OGP data returned from given url'});
24            }
25            let ogpData = {};
26            ogpData['siteName'] = data.title;
27            for(let prop in data.ogp) {
28                if (/^og:/g.test(prop)) {
29                    ogpData[prop.split(':')[1]] = data.ogp[prop][0];
30                }
31            }
32            return res.set('Cache-Control', cacheControl).json(ogpData);
33        })
34        .catch((err) => {
35            console.error('Error getting ogp data: ' + err);
36            return res.json({error: err});
37        });
38});
39
40app.listen(PORT, err => {
41    if (err) throw err;
42    console.log("%c Server running", "color:green");
43});

$ npm start
$ curl "http://localhost/ogp?url=http://ccambo.gitlab.io/2017/07/09/VSCODE-VSCode%EC%97%90-Git-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/"

$ git init        # 프로젝트 폴더에 git 저장소 구성
$ heroku login    # heroku에 로그인 id/pw를 입력해서 처리 (이미 되어있는 경우는 Skip)
$ heroku create [프로젝트 이름]   # heroku에 프로젝트(저장소) 생성
Creating ⬢ [프로젝트 이름]... done
https://[프로젝트 이름].herokuapp.com/ | https://git.heroku.com/[프로젝트 이름].git     # heroku 서버 접속 URL 및 Git 저장소 URL 표시

$ git remote add heroku [프로젝트 Git 저장소 URL]   # 위에서 출력된 GIt 저장소 URL 사용

$ git add .   # 변경된 파일들 stage 처리
$ git commit -m "커밋 메시지"   # stage를 로컬 저장소에 commit
$ git push heroku master        # 로컬 저장소(heroku)의 commit 내용을 Heroku (master)로 push (upload)
$ heroku open                   # 저장소에 올려진 소스를 기반으로 Heroku Application 구동

"http://[프로젝트 이름].herokuapp.com/ogp?url=http://ccambo.gitlab.io/2017/07/09/VSCODE-VSCode%EC%97%90-Git-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/"

$ curl "http://[프로젝트 이름].herokuapp.com/ogp?url=http://ccambo.gitlab.io/2017/07/09/VSCODE-VSCode%EC%97%90-Git-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/"