Supabase edge function 사용하기

새로운 프로젝트 생성시 찾아보기 귀찮아서 메모겸 적어두어요. 

기본적으로 VScode, Doker, node, brew 는 설치가 되어 있어야 해요. 

1. Supabase Cli 설치 

터미널에서 아래 명령어를 입력 해서 supabase를 설치해 주세요. 

brew install supabase/tap/supabase

 

2. 프로젝트 폴더를 생성해 주세요.

3. 터미널을 열고 생성한 폴더로 진입해 주세요.

4. Supabase init을 해주세요.

sudo npx supabase init

5. 터미널에서 생성된 supabase 폴더로 이동해주세요.

6. supabase 파일을 생성 해주세요. 

supabase functions new 프로젝트명

7. 아래와 같은 구조로 생성되었는지 확인해 주세요.

8. config.toml 파일을 열고

맨 아래에 아래 코드를 추가하여 

[functions.프로젝트명]
verify_jwt = false

jwt 인증을 해제 해주세요. (테스트를 위해 해제 하는것 입니다!!!!)

 

 

9 . index.ts 를 아래와 같이 수정해주세요.

import {serve} from "https://deno.land/std@0.221.0/http/server.ts";
import {createClient} from "https://esm.sh/@supabase/supabase-js@2";

const url = "";
const key = "";

serve(async (req:Request) => {
  // const supabase = createClient(url, key);
  return new Response("{TEST}");
});

 

10.  supabase start 를 통해 서버를 실행해 보세요.

supabase start

만약 아래와 같은 에러가 발생한다면 도커가 실행되어 있는지 확인해주세요.

정상 실행 되었다면

터미널에서 아래 명령어를 입력하여 functions 폴더의 변경사항을 적용해주세요. 

sudo npx supabase functions serve

 

아래와 같이 정상 실행 되었다면 . 

serving functions on ....... 이부분을 복사해서 <functions-name>에 자신의 function name을 입력해주세요. =

http://127.0.0.1:54321/functions/v1/whatfle

 

브라우저에 위의 url을 입력하면 아래처럼 결과를 확인할수 있습니다. 

 

 

 

 

참고 : 

https://supabase.com/docs/guides/functions/quickstart

Developing Edge Functions locally | Supabase Docs

https://github.com/supabase/cli

GitHub - supabase/cli: Supabase CLI. Manage postgres migrations, run Supabase locally, deploy edge functions. Postgres backups.

https://www.youtube.com/watch?v=TlsijdfGVR0