๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (132) N
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (14)
    • FE (36)
      • Next.js (17)
      • React (4)
      • React Native (0)
      • TypeScript (1)
      • JavaScript (14)
    • BE (0)
      • Nest.js (0)
    • ๋ฐ๋ธŒ์ฝ”์Šค (7)
    • ์›น ํ”„๋กœ์ ํŠธ (5)
    • CS (28)
      • Algorithm (5)
      • Python (4)
      • C++ (2)
      • Operating System (4)
      • Computer Networking (3)
      • Data Structure (1)
      • Machine Learning (3)
      • Tip (6)
    • Github (4)
    • Flutter (3)
      • ํ”„๋กœ์ ํŠธ (3)
    • Private (3)
      • ํšŒ๊ณ  (7)
      • ๋ฉด์ ‘ (17)
    • ๊ฐœ๋ฐœ๋„์„œ (7) N

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • SSR
  • ๋ฉด์ ‘
  • ์‹คํ–‰์ปจํ…์ŠคํŠธ
  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”
  • ์ด๋ฒคํŠธ๋ฃจํ”„
  • ํ˜ธ์ด์ŠคํŒ…
  • ์‹คํ–‰์ปจํƒ์ŠคํŠธ
  • ์˜ค๋ธ”์™„
  • ํž™์˜์—ญ
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • ๋ชจ๋˜๋ฆฌ์•กํŠธ๋”ฅ๋‹ค์ด๋ธŒ
  • ์ฝœ์Šคํƒ
  • react
  • ์›์‹œํƒ€์ž…
  • ๋ ‰์‹œ์ปฌ
  • ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
  • layout shift
  • next.js
  • reflow

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
๐Ÿธminzzi

Minzzi์•ผ

Flutter/ํ”„๋กœ์ ํŠธ

[Flutter] Firebase ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐ ์—ฐ๊ฒฐ

2023. 11. 21. 10:21

์ด๋ฉ”์ผ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ณผ์ •์ด๋‹ค. 

์‹ค์ œ ํ”Œ๋Ÿฌํ„ฐ ์ฝ”๋“œ๋žฉ์„ ๋”ฐ๋ผํ•ด๋ณด๋ฉด ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๋‹ค. 

https://firebase.google.com/codelabs/firebase-auth-in-flutter-apps#1 

 

FirebaseUI๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ Flutter ์•ฑ์— ์‚ฌ์šฉ์ž ์ธ์ฆ ํ๋ฆ„ ์ถ”๊ฐ€

์ด ์ฝ”๋“œ๋žฉ์—์„œ๋Š” ๋ช‡ ์ค„์˜ ์ฝ”๋“œ๋งŒ์œผ๋กœ Firebase ์ธ์ฆ์„ Flutter ์•ฑ์— ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์›๋‹ˆ๋‹ค.

firebase.google.com

 

1. firebase ๊ณ„์ •์„ ๋งŒ๋“ค๊ณ  firebase ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•ด์ค€๋‹ค. 

 

2. Google Analytics์€ ์Šคํ‚ตํ•œ๋‹ค. 

 

3.  ํ”„๋กœ์ ํŠธ ๋‚ด Authentication๋กœ ๋“ค์–ด๊ฐ€์„œ ์„ค์ •์„ ๋ณ€๊ฒฝํ•ด์ค€๋‹ค.

 

4. firebase๋ฅผ flutter์™€ ์—ฐ๋™ ์‹œํ‚จ๋‹ค. 

์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ํ”„๋กœ์ ํŠธ ๋‚ด ์œ„์น˜์—์„œ ์ˆœ์„œ๋Œ€๋กœ ์ž…๋ ฅ

$curl -sL https://firebase.tools | bash
$firebase login
$firebase projects:list 

$dart pub global activate flutterfire_cli
$flutterfire -—help
$flutterfire configure

์—ฌ๊ธฐ๊นŒ์ง€ ์ง„ํ–‰ํ•˜๊ณ  ๋งˆ์ง€๋ง‰ flutterfire configure๋ฅผ ์ž…๋ ฅํ•˜๋ฉด, ๋ณธ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ์„ ํƒํ•˜๊ณ  ์–ด๋–ค ํ”Œ๋žซํผ์„ ์‚ฌ์šฉํ•  ๊ฑด์ง€ ๋ฌผ์–ด๋ณด๋Š”๋ฐ ๋‚˜๋Š” ios๋ฅผ ์„ ํƒํ–ˆ๋‹ค. 

 

์—ฌ๊ธฐ๊นŒ์ง€ ์ง„ํ–‰ํ•˜๋ฉด, firebase_options.dartํŒŒ์ผ์ด ์ƒ์„ฑ๋œ๋‹ค. 

๊ทธ๋ฆฌ๊ณ  ์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•ด์„œ firebase package๋ฅผ ์„ค์น˜ํ•ด์ค€๋‹ค.

$flutter pub add firebase_core
$flutter pub add firebase_auth
$flutter pub add firebase_ui_auth

 

main.dart๋ฅผ ์•„๋ž˜์™€ ๊ฐ™์ด ์ˆ˜์ •ํ•ด์ค€๋‹ค. 

void main() async {
 WidgetsFlutterBinding.ensureInitialized();
 await Firebase.initializeApp(
   options: DefaultFirebaseOptions.currentPlatform,
 );


 runApp(const MyApp());
}

 

๋!

'Flutter > ํ”„๋กœ์ ํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Flutter] SVG ํŒŒ์ผ ์‚ฌ์šฉํ•˜๊ธฐ  (0) 2023.11.21
[Flutter] ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ  (0) 2023.11.21
    'Flutter/ํ”„๋กœ์ ํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [Flutter] SVG ํŒŒ์ผ ์‚ฌ์šฉํ•˜๊ธฐ
    • [Flutter] ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ
    ๐Ÿธminzzi
    ๐Ÿธminzzi

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”