JavaScript를 사용하여 첫 번째 서버리스 함수 배포

서버리스 기능은 JAMstack 사이트에 추가 기능을 추가하기 위한 강력한 솔루션입니다. 이 게시물에서는 Netlify Functions 을 사용하여 첫 번째 서버리스 기능을 만들고 배포하는 과정을 단계별로 안내합니다.

첫 번째 서버리스 함수 작성

첫 번째 단계는 서버리스 기능 자체를 작성하는 것입니다. 빈 폴더에 functions라는 폴더를 만들고 다음 코드를 사용하여 내부에 my-first-function.js라는 새 파일을 만듭니다.

exports.handler = async () => ({
  statusCode: 200,
  body: 'boop',
});

그게 전부입니다. 첫 번째 서버리스 함수를 작성했습니다! 🎉 이 기사의 나머지 부분은 이 기능을 온라인으로 가져오는 것에 관한 것입니다. 이제 코딩을 마쳤습니다.

서버리스 기능의 요구 사항은 무엇입니까?

서버리스 기능에는 세 가지 필수 구성 요소가 있습니다.

파일은 handler라는 이름의 함수를 내보내야 합니다. 위의 1행

에서 exports.handler가 수행하는 작업입니다.

함수는 유효한 HTTP 응답 코드

와 일치하는 statusCode가 있는 개체를 반환해야 합니다.

응답 객체는 기본적으로 일반 텍스트인 body 값도 포함해야 합니다

.

Netlify에 배포할 프로젝트 구성

Netlify Functions를 사용하면 두 줄의 구성만 필요하며 폴더 루트의 netlify.toml에 저장해야 합니다.

[build]
  functions = "functions"

이것은 Netlify에게 우리의 기능이 functions 폴더에 있음을 알려줍니다.

Heads up! Check the docs for details on how Netlify config files work.

리포지토리 생성 및 GitHub에 푸시

이제 이 기능을 인터넷에 올릴 준비가 되었습니다!

GitHub에서 새 리포지토리를 만든 다음 코드를 추가하고 푸시합니다.

# add your new repo as an origin
# IMPORTANT: make sure to use your own username/repo name!
git remote add origin [email protected]:yourusername/yourreponame.git

# add all the files
git add -A

# commit the files
git commit -m 'my first serverless function'

# push the changes to GitHub
git push -u origin master

IMPORTANT: make sure to use your own username and repo name when you add the origin above!

새로운 Netlify 사이트 생성

Netlify 대시보드 또는 CLI를 통해 사이트를 생성할 수 있습니다. CLI는 정말 편리하고 강력하므로 이 사이트에 사용하겠습니다.

# install the Netlify CLI globally
npm install --global netlify-cli

# log into your Netlify account
netlify login

# initialize a new site
netlify init

이 명령은 방금 생성한 GitHub 저장소에 연결된 계정에 새로운 Netlify 사이트를 설정합니다.

그것은 몇 가지 질문을 할 것입니다:

무엇을하고 싶으십니까? — "새 사이트 만들기 및 구성"선택

팀 — 이 사이트를 추가할 Netlify 팀을 선택하십시오

.

사이트 이름(선택 사항) - 사이트 이름을 선택하거나 Enter 키를 눌러 임의로 생성된 이름을 가져옵니다

.

빌드 명령 — Enter 키를 눌러 공백으로 두십시오. 함수 실행에 필요하지 않음

배포할 디렉터리 — 백스페이스를 눌러 제안된 값을 제거한 다음 Enter 키를 눌러 비워 둡니다

.



사이트가 생성되면 터미널 출력에서 ​​URL을 가져올 수 있습니다. 위 스크린샷에서 생성된 사이트 이름은 다음과 같습니다.

https://confident-nightingale-4e5a0b.netlify.com/

기본적으로 Netlify 기능은 URL 끝점/.netlify/functions/<function-name>에 있습니다. 이는 경로가 사이트의 다른 경로와 충돌할 가능성을 최소화하기 위한 것입니다. (원한다면 customize our function URLs with redirects 할 수 있습니다.)

함수 파일 이름은 my-first-function.js 이므로 웹https://confident-nightingale-4e5a0b.netlify.com/.netlify/functions/my-first-function에서 액세스할 수 있습니다. 계속해서 해당 링크를 클릭하십시오. 작동합니다!



그게 전부입니다! 첫 번째 서버리스 기능을 Netlify에 성공적으로 배포했습니다.

다음에 무엇을할지

See the full collection of serverless function examples

Netlify CLI docs on setting up continuous deployment 읽기

방법 알아보기 use redirects in Netlify

이와 유사한 게시물 더 보기

.ltag__tag__id__41991 .follow-action-button{
배경색: !important;
색상: !중요;
테두리 색상: !important;
}

# 자무리