Ionic 4 with firebase social login in 6 steps

Ionic 4 with firebase social login in 6 steps

ionic, firebase, app development, firebase auth, facebook login, twitter login, google login

$1.00

Marcelo Hidalgo

Marcelo Hidalgo

Member since 2019

Details

Version:
1.0
Ionic:
4.x  
Platforms:
iOS, Android  
Released:
2 years ago
Updated:
2 years ago
Category:
Starters
Tags:
,
  • *Please, pay my effort - what you want to pay :)
    Ionic 4 with firebase social login in 6 steps.

### Pre requirements:

1 Install Node.js on your computer.
2 In the command line put bash $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 console
4 Create an app in facebook for developers
5 Create an app in google for developers
6 Create an twitter app in twitter for developers:
### Installation

1 Download and unzip the file.
2.Go inside project unzipped. bash $cd myApp/

3.Install dependencies.
bash $ 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. bash export const firebaseConfig = { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "" };

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

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

bash ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID="Id_from_google_for_developers"

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

6.Run

bash $ionic serve

Done! Please, pay my effort - what you want to pay :) Note: More info with the installation process in doc folder.