Capacitor Full App - Ionic Angular
  • What is Capacitor Full App - Ionic Angular?
  • Understand the Frameworks
  • Template Highlights
  • Setup
    • Initial Setup
  • Running the app
  • Building App on device
  • Deploying app as PWA
    • Deploy PWA on Firebase
  • How to use this template
    • Two way to use this Template
  • Removing a Page / Component
  • Removing a plugin
  • Extra
    • Troubleshooting
    • FAQ
  • Changelog
  • Features
    • Startup Features
      • Layouts
      • Firebase
      • Addons
        • Globalization - Translation
        • Content Loaders
        • Custom Fonts
        • Infinite Scroll
        • Pull to Refresh
        • List Re-ordering
        • Date Time Pickers
        • Settings
      • Login & Signups
      • Sidemenu Layouts
      • Wordpress
        • How to integrate
      • Video Playlist
      • Grid and List Layouts
      • Chat Lists & Chat Pages
    • Pro Features
      • Pro Addons
        • AdMob
          • Integration
          • Setting up Google Admob
        • Music Player
        • Push Notifications
        • Local Notifications
        • Device
        • Clipboard
        • Social Login
        • In-App Browser
        • Sweet Alerts
        • Social Sharing
        • Google Places
        • Google Autocomplete
        • Image Cropper
      • Phaser Game Framework
      • WooCommerce
      • Payment Gateways
    • Others
      • Adding Icon and Splash
Powered by GitBook
On this page

Was this helpful?

  1. Features
  2. Pro Features
  3. Pro Addons

Social Login

PreviousClipboardNextIn-App Browser

Last updated 3 years ago

Was this helpful?

Google Login

To setup Google Login in the , you need to perform following steps

  • Create a new Google Project via either Firebase or Google Developer console

  • Create 'Web App' in the Firebase project. Copy the configuration from the web project and paste in environment.ts in the starter

  • Replace web-client-id in the starter with web-client-id of your Google Project (This is automatically created when you create the Google Project). You can get this from Google Developer console

  • Replace the GoogleServices-Info.plist and google-services.json with the respective files from your Google Project. You will need to add an iOS and Android project to be able to receive these files from Firebase Project, respectively.

  • Make sure the app ID (com.xxxx.xxxxxxx) you enter when creating Android or iOS app in your Google Project is same as your app ID

  • Make sure you enter the SHA-1 key from your system in the Android app of the Google Project

  • For the web-client-id to work properly for your domain (or localhost:port) make sure you enter the required domain URL/local URL in valid Javascript origins in Google Developer Console (Click on the web-client-id and enter the origins)

You can check out detailed instruction on our blog -

Ionic Angular Capacitor Full App starter
Google Login in Ionic Angular Capacitor App
Google login in Ionic Capacitor app with AngularEnappd
Logo