Ionic 4 and Firebase social login in 6 steps.

This app include social login with google, facebook and twitter accounts.

Pre requirements:

1 Install Node.js on your computer.

2 In the command line put $npm install -g ionic

3 You need to create a Firebase Project and enable Email/Password, Facebook and Twitter authentication, so please create an account in firebase.google.com

4 Create an app in facebook for developers: https://ionicthemes.com/tutorials/about/firebase-authentication-in-ionic-framework-apps

5 Create an app in google: https://codesundar.com/create-reverse-client-id-for-google-login/

6 Create an twitter app: https://ionicthemes.com/tutorials/about/ionic-twitter-login

Installation

1.Download and unzip the file.

2.Go inside project unzipped.

$cd myApp/

3.Install dependencies.

$ npm install

4.Update the content of the file myApp/src/environments/environment.ts with info of your firebase data. The content attached is just an example.

export const firebaseConfig = {

apiKey: "",

authDomain: "",

databaseURL: "",

projectId: "",

storageBucket: "",

messagingSenderId: ""

};

5. Execute the commands below with each info from your apps.

ionic cordova plugin add cordova-plugin-facebook4 --variable APP_ID="<Id_From_Facebook_for_developers>" --variable APP_NAME="App_name"

ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID="<Id_from_google_for_developers>"

ionic cordova plugin add twitter-connect-plugin --variable FABRIC_KEY="<key_from_fabric>" --save

6. Run $ionic serve

Done and test!

* Please, pay my effort - what you want to pay :)

*Note: More info with the installation process in doc folder.