Firebase Real Time Web Admin App

https://programandoconro.github.io/Firebase-Real-Time-Web-Admin-App/ で公開されているアプリを確認してください。

 Usuario: [email protected]
Clave: 123456

Firebase-Real-Time-Web-Admin-App

React JS使用して Firebase からリアルタイムでデータの書き込み、読み取り、削除を行う管理パネル。この管理パネルは、https://github.com/programandoconro/React-Native-Firebase-Restaurant-Registration-App で入手できる Android 用React-Nativeプロジェクトの一部です。

このリポジトリのクローンを作成し、作成したディレクトリに移動します。

 git clone https://github.com/programandoconro/Firebase-Real-Time-Web-Admin-App
cd Firebase-Real-Time-Web-Admin-App

Firebase 認証情報をsrc/store/firebaseService.jsにあるfirebaseService.jsファイルに追加します。

 var firebaseConfig = {

apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""
};

リアルタイム データベース セキュリティ ルールを次のように変更します。

 {
 "rules": {
     ".read": "auth != null",
     ".write": "auth != null"
 }
}

作成したプロジェクトの認証で電子メール/パスワードのオプションを有効にし、最後にユーザー名とパスワードを作成します。

ステップバイステップ: https://dzone.com/articles/how-to-integrate-react-application-using-firebase-1。

以下を使用してアプリと依存関係をインストールします。

 npm install 

次のコマンドを使用してアプリを実行します。

 npm start

特徴：

• Firebaseのログイン。
• Firebase リアルタイム データベース。
• Firebaseからリアルタイムでデータの書き込み、読み取り、削除を行います。
• Android 用モバイル アプリ (https://github.com/programandoconro/React-Native-Firebase-Restaurant-Registration-App) のユーザーによる予約を管理します。