| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「Firebase」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
 
(同じ利用者による、間の34版が非表示)
1行目: 1行目:
 +
| [[Angular]] | [[Flask]] | [[TypeScript]] | [[Google Cloud Platform]] | [https://www.typea.info/blog/index.php/category/firebase/ ブログカテゴリ(Firebase)] | [[Flutter]] |  [[FlutterFire]] |
 +
{{amazon|4844398997}}
 
==[[Firebase]]==
 
==[[Firebase]]==
 
 
*https://firebase.google.com/docs/?hl=ja
 
*https://firebase.google.com/docs/?hl=ja
 
=====価格=====
 
=====価格=====
8行目: 9行目:
 
=====サンプル=====
 
=====サンプル=====
 
*https://firebase.google.com/docs/samples/?hl=ja
 
*https://firebase.google.com/docs/samples/?hl=ja
===[[Firebase]] assistant===
+
==[[iOS]]==
 +
*[https://firebase.google.com/docs/auth/ios/start?hl=ja Auth]
 +
 
 +
==[[Java]]==
 +
*[https://firebase.google.com/docs/admin/setup?hl=ja#java サーバーに Firebase Admin SDK を追加する]
 +
 
 +
*http://softcommu-blog.com/?eid=15
 +
*[https://mvnrepository.com/artifact/com.google.firebase/firebase-server-sdk Maven Firebase SDK]
 +
*[https://cloud.google.com/iam/docs/creating-managing-service-account-keys サービスアカウントの作成]
 +
 
 +
*[https://www.typea.info/blog/index.php/2020/12/01/vscode_java_maven_firestore/ VSCode+Java+MavenでFirestoreにデータ登録]
 +
 
 +
==[[Android Studio]] [[Firebase]] assistant==
 
[[File:0494_firebase_assis.jpg]]
 
[[File:0494_firebase_assis.jpg]]
  
53行目: 66行目:
 
|}
 
|}
  
===[[Firebase]] Cloud Messaging===
+
==[[Firebase]] Cloud Messaging==
 
*https://firebase.google.com/docs/cloud-messaging/?utm_source=studio
 
*https://firebase.google.com/docs/cloud-messaging/?utm_source=studio
 
*[[Firebase]] Cloud Messaging(FCM)は、メッセージを無料で確実に配信するためのクロスプラットフォーム メッセージング ソリューション
 
*[[Firebase]] Cloud Messaging(FCM)は、メッセージを無料で確実に配信するためのクロスプラットフォーム メッセージング ソリューション
73行目: 86行目:
 
|-
 
|-
 
|}
 
|}
===[[Firebase]] Authentication===
+
 
 +
==[[Firebase]] Authentication==
 
*https://firebase.google.com/docs/auth/?utm_source=studio
 
*https://firebase.google.com/docs/auth/?utm_source=studio
 
*[[Firebase]] Authentication では、パスワード、電話番号、一般的なフェデレーション ID プロバイダ(Google、Facebook、Twitter)などを使用した認証を行うことができます
 
*[[Firebase]] Authentication では、パスワード、電話番号、一般的なフェデレーション ID プロバイダ(Google、Facebook、Twitter)などを使用した認証を行うことができます
  
====[[Firebase]]UI Auth====
+
===[[Firebase]]UI Auth===
 
{|class="wikitable"
 
{|class="wikitable"
 
!主な機能
 
!主な機能
87行目: 101行目:
 
|}
 
|}
  
====[[Firebase]] SDK Authentication====
+
===[[Firebase]] SDK Authentication===
 
{|class="wikitable"
 
{|class="wikitable"
 
!メールとパスワードに基づく認証
 
!メールとパスワードに基づく認証
106行目: 120行目:
 
|}
 
|}
  
===Cloud Functions for Firebase===
+
==[[Cloud Functions]]==
*https://www.typea.info/blog/index.php/2020/03/22/cloud_functions_for_firebase_dev_env/
+
*[[Cloud Functions for Firebase]]
 +
*[https://www.typea.info/blog/index.php/2020/08/02/firebase-cli-google-cloud-functions/ Firebase CLI プロジェクトの Google Cloud Functions へファイルをアップロードして、Google Cloud Storageへ保存するコードをTypeScriptで書く]
 +
*[https://www.typea.info/blog/index.php/category/google-cloud-functions/ Cloud Function関連ブログ]
  
===Firestore===
+
==[[Cloud Firestore]]==
 +
*[[Cloud Firestore]]
 
*https://youtu.be/2Vf1D-rUMwE
 
*https://youtu.be/2Vf1D-rUMwE
 +
==Cloud Storage==
 +
 +
===CROS [https://firebase.google.com/docs/storage/web/download-files?hl=ja Webでファイルのダウンロード]===
 +
----
 +
以下のようなエラーが出る
 +
<pre>
 +
Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/rXXXXXX.jpeg? from origin 'http://localhost:58193' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
 +
</pre>
 +
*cros.json
 +
<pre>
 +
[
 +
  {
 +
    "origin": ["*"],
 +
    "method": ["GET"],
 +
    "maxAgeSeconds": 3600
 +
  }
 +
]
 +
</pre>
 +
*deploy
 +
<pre>
 +
gsutil cors set cors.json gs://<your-cloud-storage-bucket>
 +
</pre>
  
===Firebase Hosting===
+
==Firebase Hosting==
 
*https://firebase.google.com/docs/hosting/
 
*https://firebase.google.com/docs/hosting/
  
===Sample===
+
==Storage==
 +
*[https://www.typea.info/blog/index.php/2020/08/02/firebase-cli-google-cloud-functions/ Firebase CLI プロジェクトの Google Cloud Functions へファイルをアップロードして、Google Cloud Storageへ保存するコードをTypeScriptで書く]
 +
 
 +
==Sample==
 
*[http://typea.info/blg/glob/2018/06/android-kotlin-firebase.html Android + Kotlin で Firebaseによるメール認証]
 
*[http://typea.info/blg/glob/2018/06/android-kotlin-firebase.html Android + Kotlin で Firebaseによるメール認証]
  
 
==[[Angular]]==
 
==[[Angular]]==
===Firestoreの利用===
+
==Firestoreの利用==
 
*[https://www.typea.info/blog/index.php/2020/04/04/firebase-hosting-firestore-release/ Firebase Hosting に Angular を統合して Firestore に接続]
 
*[https://www.typea.info/blog/index.php/2020/04/04/firebase-hosting-firestore-release/ Firebase Hosting に Angular を統合して Firestore に接続]

2022年4月30日 (土) 05:33時点における最新版

| Angular | Flask | TypeScript | Google Cloud Platform | ブログカテゴリ(Firebase) | Flutter | FlutterFire |

Firebase

価格

Android

  • Android 4.0(Ice Cream Sandwich)以降、および Google Play 開発者サービス 11.8.0 以降が搭載された端末が前提
サンプル

iOS

Java

Android Studio Firebase assistant

0494 firebase assis.jpg

項目 内容
Analytics ユーザーアクティビティおよびエンゲージメントの計測を無料、簡単におよび無制限の分析
Cloud Messaging クラウドとデバイス間の信頼性のあるメッセージの配送と受信、通知
Authentication サインインとユーザー管理を簡単に、Eメールの受付、Googleサインイン、Facebookおよびその他のログインプロバイダ
Realtime Database データの保存と同期を接続されたクライアント間でリアルタイムに行う
Storage 画像やオーディオ、ビデオのような巨大なファイル保存と参照をサーバー側のコーディングなしで
Remote Config クラウドベースのパラメータ設定により、アプリケーションの振る舞いのカスタマイズと実験
Test Lab Googleクラウドでホストされる広い範囲の物理的なデバイスアプリケーションのテスト
Crash Reporting アプリケーションクラッシュの実行可能な洞察およびレポート、ANRsもしくはほかのエラーを得る
App Indexing アプリケーションのコンテンツをGoogle検索に
Dynamic Links アプリケーションのインストールを促進するために、共有でき、コンテンツに深くリンクできるURLを生成
Invites アプリケーションを既存のユーザーに共有、もしくは彼らが好むアプリケーションのコンテンツをEメール、SNSで共有
Firestore アプリケーションデータをグローバルスケールで保存と同期

Firebase Cloud Messaging

  • https://firebase.google.com/docs/cloud-messaging/?utm_source=studio
  • Firebase Cloud Messaging(FCM)は、メッセージを無料で確実に配信するためのクロスプラットフォーム メッセージング ソリューション
  • FCM を使用すると、同期可能な新しいメールやその他のデータがあることをクライアント アプリに通知することができます
  • メッセージで最大 4 KB のペイロードをクライアント アプリに転送できます
主な機能 内容
通知メッセージまたはデータ メッセージの送信 ユーザーに対して表示される通知メッセージまたは、データ メッセージを送信
汎用性の高いメッセージのターゲット設定 クライアント アプリへのメッセージ配信を 3 つの方法(個々の端末に、端末グループに、または特定トピックの配信登録をしている端末に)で行う
クライアント アプリからのメッセージの送信 信頼性が高くバッテリー効率の良い FCM の接続チャネルを介して、端末からサーバーへと受信確認、チャット、その他のメッセージを送り返す

Firebase Authentication

FirebaseUI Auth

主な機能 内容
ドロップイン認証ソリューション 完全なログイン システムをアプリに追加する推奨される方法。UI フローを処理。

Firebase SDK Authentication

メールとパスワードに基づく認証 パスワードの再設定メールを送信することもできます
フェデレーション ID プロバイダとの統合 Google、Facebook、Twitter、GitHub アカウントを使用してログインできるようにする方法が用意
電話番号認証 SMS メッセージを送信してユーザーを認証
カスタム認証システムとの統合 アプリの既存のログイン システムを Firebase Authentication SDK に接続
匿名認証 一時的な匿名アカウントを作成する

Cloud Functions

Cloud Firestore

Cloud Storage

CROS Webでファイルのダウンロード


以下のようなエラーが出る

Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/rXXXXXX.jpeg? from origin 'http://localhost:58193' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
  • cros.json
[
  {
    "origin": ["*"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]
  • deploy
gsutil cors set cors.json gs://<your-cloud-storage-bucket>

Firebase Hosting

Storage

Sample

Angular

Firestoreの利用