web_fullstack

[굿썸] cafe24 의 node.js hosting 설정 방법

MasterOfAI 2020. 10. 10. 14:05

이 문서는 , 저렴함 cafe24 의 node.js hosting 을 사용해 홈페이지를 개발 할 수 있도록 초기 설정을 하는 방법에 대해 설명하고 있습니다. 

 

cafa24 에서 node.js 호스팅을 하고 app 을 생성하면, 해당 app에 접근하는 git repository 가 자동으로 생성되면, git 을 통해서만 source 를 개발 PC에서 cafe24 server 로 전달할 수 있습니다. 이 문서에서는 다음과 같은 작업을 소개합니다. 

  • 개발 PC 에서 git bash 를 이용하여 SSH Key (Public + Private) 를 생성한 후 , 이를 cafe24의 node.js app 과 연결 시킵니다. 만일 개발 PC가 2개 라면 (집, 회사) , SSH Key를 각 PC 마다 한개씩 총 2개 생성하여, 해당 app에 둘다 연결 시키면 됩니다. 
  • Sourcetree를 설정하여, 개발 PC와 Cafe24 의 repository 를 연결하고, source 를 commit 및 push 하는 방법을 설명합니다. 

개발 PC (client) 에서 Key 생성하기 위해 Git bash 실행하고 다음과 같이 입력합니다.:

ssh-keygen -t rsa -C "vdpa4me@gmail.com"    //Key 생성을 시작하고, 명칭을 아무거나 넣는다.

Generating public/private rsa key pair.

Enter file in which to save the key (/c/Users/ben/.ssh/id_rsa):   //자신의 PC key 생성 위치. Default 한다.

/c/Users/ben/.ssh/id_rsa already exists.

Overwrite (y/n)?  //기존에 key 있었으면, 덮어쓰기 할건가?

Enter passphrase (empty for no passphrase):    //key 사용시 함호 , 넣지 않습니다.

Enter same passphrase again:                 //암호 확인

Your identification has been saved in /c/Users/ben/.ssh/id_rsa.    //Privit key 생성 위치 

Your public key has been saved in /c/Users/ben/.ssh/id_rsa.pub.   //Public key 생성 위치

The key fingerprint is:

SHA256:gNH4THAa4Si2mScX59PKXshtF/4dUH00GPURCXvxr+w vdpa4me@gmail.com

The key's randomart image is:

+---[RSA 3072]----+

|    ==.      o=*+|

|   o.*o      .oo*|

|....+=.      o o+|

|..+ + +.    . . o|

| = o o .S. .    .|

|  + o = . . .. . |

|     = + o   .o  |

|    . o . . ...  |

|     .     . .E  |

+----[SHA256]-----+

 

Key 생성된 곳에 가서 public key 파일을 ("C:\Users\ben\.ssh\id_rsa.pub") 메모장으로 연다음 전체 값을 모두 복사합니다. 

Cafe24 에서 Public key 관리 항목에 가서, SSH Public Key 를 등록 합니다. Key 이름은 아무것이나 넣어도 되는데, 알아보기 쉽게 "집 개발 PC" 같이 넣으면 확실히 구별 할 수 있을것 같습니다. 

 

Key 가 아래와 같이 등록 되었습니다. 

이제 APP을 하나 생성 합니다. 그렇게 하면 해당 APP과 연동된 git repository 가 생성 됩니다. 

 

이렇게 생긴 git repository 와 방금 등록한 pulbic key 를 연결 합니다. 다시 말해서, 내 개발 PC와 git repository 를 연결 하는 것입니다. 

App을 선택하고, Key 할당 버튼을 누른 다음 

이미 등록해둔 키를 왼쪽에서 오른쪽으로 넘기고, 확인 버튼을 눌러 연결 합니다. 

 

회사 컴퓨터에서 SSH Key set 을 하나 더 만들고, 동일한 app 등록 할 수 있습니다. 그러면 회사에서, 그리고 집에서 작업을 할 수 있겠죠?

이제 Sourcetree 를 설정해서, local PC 와 cafe24 의 git repository 를 연결하도록 해 보겠습니다. 

우선 local PC에서 node.js app으로 작업할 directory를 하나 준비하십시요. 이 문서에서는 C:\code\benwebtest 를 사용할 것입니다.

이제 해당 위치에 web.js 라는 파일을 하나 만듭니다. 해당 파일을 향후 commit 및 push 가 정상적으로 되는지 실험해 볼 목적으로 사용하는 것이니, 내용은 전혀 상관 없습니다. 

 

Sourcetree 를 열어서, 위에 + 버튼을 누르고 Create 버튼을 누릅니다. 

개발 PC에서 방금 만든 폴더를 선택 합니다. 그리고 Create 버튼을 누릅니다. 

Setting 버튼을 누르고, add 버튼을 눌러, cafe24 repository 를 등록 합니다.

 

Remote name 은 아무거나 적어 주면 됩니다. URL 은 cafe24 의 나의 app 의 git 주소를 적어 주면 됩니다. 

 

Sourcetree 에, SSH Key 를 등록해 줍니다. 이번에는 Private Key 를 등록해야 합니다. 

Tools - Option 을 선택합니다. 

General - SSH Client Configuration 에 가서, SSH Client 를 OpenSSH 로 선택합니다. 그러면 default private key 위치를 서치하여 알아서 등록해 줍니다. 

OK 버튼을 누릅니다. 

이 문서에서는 , SSH key 생성시 별도의 암호를 넣지 않았기때문에, 아무런 메시지도 뜨지 않았습니다. 하지만 만일 그때 함호를 설정 했다면, git bash 창이 뜨며 암호를 넣으라고 요청할 것입니다. 이 때 암호를 넣어 주면 됩니다. 

 

뭔가 설정에 변경이 있을 경우, cafe24 에 가서 app읠 중지하고 재 실행 주어야 정상 적으로 적용 되는 것을 확인 했습니다. 

또한 source commit & push 후에도 app 을 중지 및 재실행 해야 정상 적으로 적용 됩니다. 

 

이제 모든 설정이 완료 되었습니다. 

아까 만들어 두었던 web.js 를 stage 시킨 다음, commit 하고 push 하여 모든 것이 성공한다면, 설정이 정상적으로 완료 된 것입니다. 

이제 그 폴더에 정식 node.js app을 만든후 commint & push 하면, cafe24로 바로 업로드 됩니다. 

 

<ubuntu 에서 작업하기 >

1. directory 를 생성하고, 그 안으로 위치 이동. 

2. git clone [저장소이름]

3. 빈 repository 가 clone 된다. 

4. file을 하나 생성한다. 

   echo "Hello World" > readm.txt

5. git add .

6. git commit -m "test"

7. git push origin master. 

 

 

[굿썸] 은 Good Summary 의 약자로, 마치 출간된 책과 같이 잘 정리되어 기록된 문서를 말합니다. 

'web_fullstack' 카테고리의 다른 글

ubuntu(우분투) 에 mySQL 설치하기  (0) 2022.06.11
node.js ubuntu  (0) 2022.06.05
[굿썸] Local 개발시, Cafe24 DB를 바로 사용하기.  (0) 2020.10.08
node.js, express, mySQL 연동 작업  (0) 2020.08.01
read excel file in node.js  (0) 2020.07.31