Search
๐Ÿ“š

EP2. Flutter + Supabase Architecture

์ƒ์„ฑ์ผ
2024/06/02 11:43
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
2024/06/02

EP2. Flutter + Supabase Architecture

Flutter์™€ Supabase๋ฅผ ํ™œ์šฉํ•ด ์„œ๋น„์Šค๋ฅผ ๊ตฌํ˜„ํ•  ๋•Œ ์–ด๋–ค ์•„ํ‚คํ…์ฒ˜๋ฅผ ๊ฐ€์ ธ๊ฐ€์•ผ ํ•˜๋Š”์ง€ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.

1. Supabase Flutter SDK

Supabase๋Š” Flutter์—์„œ ์‰ฝ๊ฒŒ Supabase๋ฅผ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ๋„๋ก Dart SDK๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
Supabase SDK ํ™œ์šฉ์˜ˆ์‹œ
// Authentication await supabase.auth.signInWithApple(); // Database final data = await supabase .from('users') .select() .is_('status', null); final data = await supabase .from('users') .select() .in_('status', ['ONLINE', 'OFFLINE']); // Edge Functions final res = await supabase.functions.invoke('hello', body: {'foo': 'baa'});
Dart
๋ณต์‚ฌ
Supabase SDK๋ฅผ ์ด์šฉํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ ๊ตฌ์กฐ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.
Flutter์—์„œ Supabase์˜ Authentication, Database, Edge Functions์— ์ง์ ‘ ์ ‘๊ทผํ•˜๋Š” ๊ตฌ์กฐ์ž…๋‹ˆ๋‹ค.
ํ•˜์ง€๋งŒ ์šฐ๋ฆฌ๋Š” ์œ„ ๊ตฌ์กฐ๋กœ ์„ค๊ณ„ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
์™œ?
Flutter์•ฑ์—์„œ Supabase ์˜์กด์„ฑ์ด ๊ฐ•ํ•ด์งˆ์ˆ˜๋ก ์•ฑ ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ์–ด๋ ค์›Œ์ง‘๋‹ˆ๋‹ค.
Flutter์•ฑ์—์„œ Supabase ์„œ๋ฒ„ ๋กœ์ง์„ ํ˜ธ์ถœํ•˜๋Š” ๊ณผ์ •์„ HTTP Request๋ผ๋Š” ์ผ์ข…์˜ ์ถ”์ƒํ™”๋กœ ์ถ”ํ›„ Supabase ํ”„๋กœ์ ํŠธ์˜ ๋ณ€๊ฒฝ์ด๋‚˜ AWS ๋“ฑ ๋‹ค๋ฅธ ์„œ๋ฒ„ํ™˜๊ฒฝ์œผ๋กœ์˜ ์ „ํ™˜์ด ๊ฐ€๋Šฅํ•œ ์œ ์—ฐํ•œ ๊ตฌ์กฐ๋กœ ์„ค๊ณ„ํ•ฉ๋‹ˆ๋‹ค.