「Firebase」の版間の差分
ナビゲーションに移動
検索に移動
(同じ利用者による、間の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== | |
*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== | ||
*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=== | |
{|class="wikitable" | {|class="wikitable" | ||
!主な機能 | !主な機能 | ||
87行目: | 101行目: | ||
|} | |} | ||
− | + | ===[[Firebase]] SDK Authentication=== | |
{|class="wikitable" | {|class="wikitable" | ||
!メールとパスワードに基づく認証 | !メールとパスワードに基づく認証 | ||
106行目: | 120行目: | ||
|} | |} | ||
− | ===Cloud Functions for Firebase | + | ==[[Cloud Functions]]== |
− | *https://www.typea.info/blog/index.php/2020/ | + | *[[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関連ブログ] | ||
− | == | + | ==[[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== | |
*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の利用== | |
*[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
項目 | 内容 |
---|---|
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
- https://firebase.google.com/docs/auth/?utm_source=studio
- Firebase Authentication では、パスワード、電話番号、一般的なフェデレーション ID プロバイダ(Google、Facebook、Twitter)などを使用した認証を行うことができます
FirebaseUI Auth
主な機能 | 内容 |
---|---|
ドロップイン認証ソリューション | 完全なログイン システムをアプリに追加する推奨される方法。UI フローを処理。 |
Firebase SDK Authentication
メールとパスワードに基づく認証 | パスワードの再設定メールを送信することもできます |
---|---|
フェデレーション ID プロバイダとの統合 | Google、Facebook、Twitter、GitHub アカウントを使用してログインできるようにする方法が用意 |
電話番号認証 | SMS メッセージを送信してユーザーを認証 |
カスタム認証システムとの統合 | アプリの既存のログイン システムを Firebase Authentication SDK に接続 |
匿名認証 | 一時的な匿名アカウントを作成する |
Cloud Functions
- Cloud Functions for Firebase
- Firebase CLI プロジェクトの Google Cloud Functions へファイルをアップロードして、Google Cloud Storageへ保存するコードをTypeScriptで書く
- Cloud Function関連ブログ
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の利用
© 2006 矢木浩人