Ionic Capacitor Firebase authentication

This is a demo project with use of Firebase js sdk to authenticate firebase user with different methods provided by firebase.

This project was built using Capacitor Firebase Authenthentication and Firebase JS SDK.

How to use

1. To run project

npm install

2. Create a Firebase project

• Use this link to create project in Firebase.

3. Add config object from Firebase Webapp in to /src/app/services/firebase/firebase-config.ts

export const firebaseConfig = {
    apiKey: "xxxxxxxx-xxxxxxxx",
    authDomain: "xxxxxxxxxxxxxxxxxxxxxxxx",
    databaseURL: "xxxxxxxxxxxxxxxxxxxxxxxx",
    projectId: "xxxxxxxx",
    storageBucket: "xxxxxxxx",
    messagingSenderId: "xxxxxx",
    appId: "xxxxx",
    measurementId: "xxxxxxxxxxxxxxxx"
};

• Before configure Google and Facebook. Change app id in capacitor.config.ts file.
• Create Android and iOS application in firebase project setting with your app id.
• Download GoogleService-Info.plist file for iOS app and add that file under ios/App/App folder.
• Download google-services.json file for Android app and add this file under /android/app folder.

Google Authenthentication

• Enable google authentication in firebase authentication provider.
• Follow step mention in below link for configure google authentication.
• Configure Google Authentication in Android, iOS and Web

Facebook Authenthentication

• Create facebook app using facebook developer account.
• Add Android, iOS and web platform on facebook app.
• Enable facebook authentication and set facebook app id and secrate key.
• Enable google authentication in firebase authentication provider.
• Follow step mention in below link for configure google authentication.
• Configure Facebook Authentication in Android, iOS and Web

Apple Authenthentication

• Enable apple authentication in firebase
• Before you begin. Follow this steps:
• Android
• iOS
• Web

Twitter Authenthentication

• Enable twitter authentication provider.
• Follow this steps before you begin