skillup

技術ブログ

Database JavaScript

Firebaseについて

投稿日:

前回Lambdaに少し触れましたが、2019年6月現在、サーバーレスなアプリというものが活況(?)のようです。

大規模なアプリというと

Webサーバー+RDB+サーバーサイドプログラミング言語

が必須かと思いますが、モバイルなどのシングルページアプリケーションの開発の記事を見ますと

Firebase+Vue.js

の記事なんかをよく見ます。ちょっと興味もあり少しメモです。

  • いわゆるNoSQLでデータはJSON形式で保存。
  • (m)Bass(mobile backend as a Service)と言われるサービス
  • Realtime Database DBサーバーとクライアントがダイレクトに通信
  • モバイルなどの小規模(データ構造が複雑じゃない?)向けのものに適性あり?

私がついていけてるのはここまで・・(汗)

参考リンク(NoSQLのものも)

NoSQLとは?RDBMSと比較しながら分かりやすく解説

わかる!Firebase ~全てのサービスをおつまみ紹介~

最初はRedisとかの派生かとも思ったんですが、また違うもののようですね。

環境構築編

色々なサービスがありますが、今までのDBサーバの代替として一般的に使うのは「Database」というデータベースのサービスかと思われます。

データベースのサービスにも「Cloud Firestore」と「Realtime Database」の2種類があります。

Cloud FirestoreとFirebase Realtime Databaseの違い

まだ違いがよくわかっていないですが、今回Realtime Databaseを使ってみました。

FirebaseのRealtime Databaseをざっくり使ってみる ~導入から取得編(保存に関しては編集中)~

アプリから使用する場合、アカウント作成後、ログインした後には認証キーを使います。

プロジェクト設定→全般→マイアプリ→対象のアプリ選択「アプリ名」→ Firebase SDK snippet

CDNでもJSONでもよいですが、ここで吐かれている情報が必要になります。

なお、書き込み権限がディフォルトにはないらしいので、許可しておきましょう。

Database→RealtimeDatabase→ルール

下記のようにルール設定しておけばOKです。

ここまで設定すれば実際のアプリから書き込むことができます。

調査中なことなど

firebaseとfirebase-adminという二つのSDKがあるようですが、使い方がまだようわかっとりません・・・

ソースコード

https://github.com/umanari145/vue/tree/master/vuecompo_sample2

具体的なfirebaseのメソッドなど

Firebase RealTime DatabaseでCRUDを作成する方法

-Database, JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Angular概論 モジュール、コントローラー、スコープなど

Contents1 Angularインストール2 ソース2.1 モジュール、スコープとコントローラ2.1.1  モジュールとは2.1.2 コントローラーとは2.1.3 スコープとは3 参考リンク An …

no image

携帯のUIに関して

いまさらながらスマホのUI表示に苦戦してます。 まあ、現状のWEBサイトを作る場合、BtoCでもBtoBでもスマホ対策は必須ですよね。 私の場合、デザインが本業でないこともあり、ちょっとサボっていまし …

no image

横からスクロール sidrの使い方

携帯サイトの場合、端末のサイズが小さいため、メニューなどはどう縮めてもやはり圧迫してしまいます。 そんなとき、クリックさせてスクロールさせるタイプであれば、場所が狭いことが気になりません。本日はそんな …

no image

集合としてのSQL その2

本日も前回に引き続き集合としてのSQLに入っていきます。 Contents1 完全一致のテーブル2 重複行の削除 完全一致のテーブル 下記のようなテーブル(supparts)があり、持っている部品が完 …

no image

slow-query-logについて

データベースを伴う部分でののチューニングですが、大きく分けると SQLを書き直す インデックスを張りなおす プログラム内部でキャッシュを有効化する 設定ファイルの修正 上記のようなかんじになるのではな …