stencil firebase Download - stencil firebase Source Code Download

stencil firebase

Website-Daten

vicon icons

Herunterladen

Schablone + Firebase

Dies ist eine Kesselplatte zum Erstellen eines WebApps mit Schablonen + Firebase + Schablone Store.

Merkmale ?

Firebase Setup
Schablonenladen -Setup
Login/Register/Aktualisieren Sie die Funktionalität/Abmeldefunktion (grundlegend)
Schutz von Routen, auf die nach dem Anmeldung zugegriffen wird

Erste Schritte

Um diese Kesselplatte zu verwenden, klonen Sie dieses Repo in ein neues Verzeichnis:

git clone https://github.com/ranjeetsinghbnl/stencil-firebase.git

und rennen:

npm install

Nutzung?

Setup Firebase -Konfiguration einrichten

Bitte richten Sie die Firebase -Konfiguration in der Datei ein

 src -> config -> config.ts

 const firebaseConfig = {
  apiKey : "" ,
  authDomain : "" ,
  databaseURL : "" ,
  projectId : "" ,
  storageBucket : "" ,
  messagingSenderId : "" ,
  appId : ""
} ;

Weitere Informationen zu Firebase Web Config Setup Firebase Web Config finden Sie

Um ein Projekt zu starten, rennen Sie:

npm run start

Um die App für die Produktion zu erstellen, rennen Sie:

npm run build

Um die Unit -Tests einmal auszuführen, laufen Sie:

 npm run test

Um die Unit -Tests auszuführen und auf Dateiänderungen während der Entwicklung zu beobachten, rennen Sie:

 npm run test.watch

Projektstruktur? ️

Service

In dieser Klasse werden Anwendungsauthentifizierungen für FireBase behandelt.

 src -> services -> auth.service.ts -> Class FirebaseAuthService

Sie können mehr Klassen erstellen, um eine Funktionalität zu gruppieren.

Speichern

Anwendungsgeschäft

 src -> store -> app.store.ts

Schnittstellen

Schnittstellen, die in der Anwendung verwendet werden

 src -> interface -> interface.ts

Dienstprogramm

Dienstprogramm für die Parsen von Anwendungsnachrichten und das Halten von Formularkonfigurationen

 src -> util -> util.ts

Konfiguration

Konfigurationen der Anwendungsebene

 src -> config -> config.ts

Vermögenswerte

Vermögenswerte der Anwendungsebene

 src -> assets

Komponenten

Anwendungsebenekomponenten

 src -> components ->
1. <app-flash-message> for showing alert messages
2. <app-home> Dashboard 
3. <app-root> entry component of the application
4. <common> sidebar functional component used in login/register components
5. <page> for showing pages
6. <auth> -> having login/register/update-profile components

Styling?

Ich habe scss für Styling -Komponenten verwendet. Diese Kesselplatte verfügt über ein grundlegendes Design, dh es konzentriert sich mehr auf die Konfiguration und Verwendung von Firebase in der Schablonen -Web -App zusammen mit dem Schablonenladen. Sie können das Aussehen Ihren Anforderungen anpassen.

Firebase -Fehlermeldungen

Ich habe die Fehlermeldung direkt angezeigt, ohne sie zu ändern, die von der API zurückgegeben wurden. Sie können sie anpassen, indem Sie den FirebaseAuthService -Code ändern