이 글에서는 vercel에 무료 웹 앱 호스팅 하는 방법에 대해서 설명합니다.
- vercel에 github private 리파지토리 deploy하기
- vercel 프로젝트 root에 설정하는 파일
vercel에 github private 리파지토리 deploy하기
vercel에 github로 로그인 하면 아래와 같이 나타납니다. Add New를 눌러서 신규 프로젝트를 생성합니다.
여기에 추가하려면 Adjust GitHub App Permissions를 눌러서 설정을 바꿔줘야 합니다.
deploy하면 building이라고 하면서 build를 합니다. 프로젝트에 따라서 시간이 좀 걸릴 수 있습니다.
Adjust GitHub App Permissions 링크를 누르면 github 로그인 화면이 나타납니다.
로그인 시에는 핸드폰이 필요합니다. 핸드폰의 github앱에 인증이 오기 때문에 인증을 해줍니다.
인증 후에 github에서 vercel에 보여줄 리파지토리를 선택할 수 있습니다. 저는 이번에 추가할 imgFilterApp 리파지토리를 추가했습니다.
이제 위와 같이 나옵니다. 여기에서 제가 추가하려는 imgFilterApp을 Import해 줍니다.
아래와 같이 deploy해주면 됩니다.
deploy시 환경 변수 설정 등을 할 수 있는데, 저는 따로 추가한 것이 없어서 그냥 deploy했습니다.
중요한 것은 vercel 홈페이지 사용보다 다음 장에서 이야기 하는 vercel.json 설정과 requirements.txt를 추가해 줘야 한다는 것입니다.
vercel 프로젝트 root에 설정하는 파일
vercel에 프로젝트를 deploy하기 위해서는 vercel.json과 requirements.txt를 만들어야 합니다.
저는 다음과 같이 만들었습니다.
vercel.json은 아래와 같이 작성
{
"version": 2,
"builds": [
{
"src": "./app.py",
"use": "@vercel/python"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "/"
}
]
}
requirements.txt는 pip 명령을 이용해서 작성
pip freeze > requirements.txt
.png)
