Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jump-group/ionic-3-firebase-auth-starter
A stater template for Ionic 3 with firebase authentication
https://github.com/jump-group/ionic-3-firebase-auth-starter
authentication firebase ionic starter template typescript
Last synced: about 1 month ago
JSON representation
A stater template for Ionic 3 with firebase authentication
- Host: GitHub
- URL: https://github.com/jump-group/ionic-3-firebase-auth-starter
- Owner: jump-group
- Created: 2019-02-15T10:39:48.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-02T12:12:38.000Z (almost 2 years ago)
- Last Synced: 2024-12-01T01:49:18.274Z (about 1 month ago)
- Topics: authentication, firebase, ionic, starter, template, typescript
- Language: TypeScript
- Homepage:
- Size: 1.51 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Readme Template firebase-auth
## ENG
The following app for Ionic 3 uses Firebase's database and authentication service and include the following features:
- Registration.
- Login.
- Logout.
- Password Recovery.
- Change user email.
- Change user password.
- Easy email and password validation.
When a user sign-in to the application, a record is created in the database under the `/userProfile` (editable) tree with the field `uid` (unique) as the key. So, it is possible to store all the user informations at this identifier.
### How to start
- Clone the repository.
- Position yourself within the newly cloned project.
- Run ```npm install``` to install all the dependencies.
- Connect your Firebase database to the application by editing the file `src/app/credentials.ts` entering the requested fields (apiKey, authDomain etc...). These data are retrieved on Firebase site, under the database panel by choosing the option *"Add Firebase to the web application"*
```
export const firebaseConfig = {
fire: {
apiKey: "xxxxxxxxxxxxxxxxxxxx",
authDomain: "xxxxxxxxxxxxxxxxxxxx.firebaseapp.com",
databaseURL: "https://xxxxxxxxxxxxxxxxxxxx.firebaseio.com",
projectId: "xxxxxxxxxxxxxxxxxxxx",
storageBucket: "xxxxxxxxxxxxxxxxxxxx.appspot.com",
messagingSenderId: "xxxxxxxxxxxxxxxxxxxx"
}
};
```
- Go to Firebase Auth panel -> Access methods -> enable `Email/password access`.
- Run ```ionic serve``` command.
:exclamation: :exclamation:
This app uses `Firebase 5.5.6`. It can be necessary to downgrade the firebase version to `4.12.1` in order to create the production .apk/.ipa
## ITA
La seguente app per Ionic 3 utilizza il servizio di autenticazione e database di Firebase includendo le funzionalità:
- Registrazione
- Login
- Logout
- Recupero password
- Cambio email
- Cambio password
- Validazione password ed email
Quando un utente si registra nell'applicazione, viene creato un record all'interno del database nell'albero `/userProfile` (modificabile), con il campo `uid` (univoco) come chiave. E' possibile quindi inserire sotto tale identificatore tutte le informazione dell'utente.
### Funzionamento
- Clonare la repository.
- Posizionarsi all'interno del progetto appena clonato.
- Eseguire il comando ```npm install``` per installare tutte le dipendenze.
- Collegare il proprio database Firebase all'applicazione modificando il file `src/app/credentials.ts` inserendo i dati richiesti (apiKey, authDomain etc...). Tali dati si recuperano su Firebase nel pannello del database scegliendo l'opzione *"Aggiungi Firebase all'applicazione web"*
```
export const firebaseConfig = {
fire: {
apiKey: "xxxxxxxxxxxxxxxxxxxx",
authDomain: "xxxxxxxxxxxxxxxxxxxx.firebaseapp.com",
databaseURL: "https://xxxxxxxxxxxxxxxxxxxx.firebaseio.com",
projectId: "xxxxxxxxxxxxxxxxxxxx",
storageBucket: "xxxxxxxxxxxxxxxxxxxx.appspot.com",
messagingSenderId: "xxxxxxxxxxxxxxxxxxxx"
}
};
```
- Andare su Firebase -> Sviluppo -> Authentication -> Metodo di accesso -> `abilitare "Email/password"`.
- Eseguire ```ionic serve```
:exclamation: :exclamation:
Questa versione dell'app utilizza `Firebase` versione `5.5.6.`
Affinchè l'app venga correttamente compilata per la produzione, può essere necessario effettuare un downgrade a `4.12.1`