iT邦幫忙

2023 iThome 鐵人賽

DAY 25
0
Mobile Development

好好用的 flutter 套件系列 第 25

好好用的 flutter 套件 - Day 25 firebase_core

  • 分享至 

  • xImage
  •  

需求

firebase是寫app 一定要介接的,所以就先來用 firebase_core 吧!

firebase_core - Readme (將 Firebase 添加到您的 Flutter 應用)

安裝 Firebase CLI

以下是mac 在command line 安裝方式:

下載最新的 Firebase CLI 版本
curl -sL https://firebase.tools | bash

登錄並測試 Firebase CLI
1.firebase login
2.firebase projects:list

將 CLI 與 CI 系統結合使用
firebase login:ci

第 1 步:安裝所需的命令行工具

1. 安裝 Firebase CLI 。
2. 通過運行以下命令使用您的 Google 帳戶登錄 Firebase:
    firebase login
3. 通過從任何目錄運行以下命令來安裝 FlutterFire CLI:
    dart pub global activate flutterfire_cli

https://ithelp.ithome.com.tw/upload/images/20231009/20121643Rt6eXGRmp3.png

第 2 步:配置您的應用以使用 Firebase

先用網頁先開啟flutter專案,比較方便

https://ithelp.ithome.com.tw/upload/images/20231009/20121643hs8HEIZdQc.png
使用 FlutterFire CLI 配置您的 Flutter 應用程序以連接到 Firebase。
flutterfire configure
https://ithelp.ithome.com.tw/upload/images/20231009/2012164375vIzMXOlz.png

firebase_core - Install

直接在 pubspec.yaml 加上 firebase_core: ^2.17.0,然後pub get 
dependencies:
  firebase_core: ^2.17.0

https://ithelp.ithome.com.tw/upload/images/20231009/20121643dq9R7rPQ8i.png

firebase_core - Example

在 /lib/main.dart 加入 程式
import 'package:firebase_core/firebase_core.dart';

String get name => 'foo';

  Future<void> initializeDefault() async {
    FirebaseApp app = await Firebase.initializeApp(
      options: DefaultFirebaseOptions.currentPlatform,
    );
    //用day23 toast 顯示 
    _showToast('初化始$app');
    print('Initialized default app $app');
  }
    ElevatedButton(
      onPressed: initializeDefault,
      child: const Text('初始化 Firebase now'),
    ),

執行結果

https://ithelp.ithome.com.tw/upload/images/20231009/20121643bLs5TiOdXY.png
Toast 初始化
https://ithelp.ithome.com.tw/upload/images/20231009/20121643w6yLO2CQG8.png

心得

介接firebase 比較麻煩一點,要安裝cli 和 使用command line 來執行指令,
但安裝cli後,在firebase網頁開起專案會比較順利。

上一篇
好好用的 flutter 套件 - Day 24 rflutter_alert
下一篇
好好用的 flutter 套件 - Day 26 firebase_auth
系列文
好好用的 flutter 套件30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言