burenman/userauth-starter

iOS app starter with the following authentications: Apple Sign In, Google Sign In, Facebook Sign In, Email authentication and Phone Authentication, with profile picture stored in Firebase Storage and Database

User Authentication Starter Code

The goal of this API is to be forked, used as a started code, and easily have User Authentication without hours of setting up.

Why Use?

• Hackathons participants that wants to have a quick Firebase User Authentication built in your app with as little effort and time wasted as possible
• Prototyping apps to immediately see a live app with P2P features and connectivity
• Learning Firebase Authentication: email login/register, Facebook login/register, phone login/register, anonymous signin

Live Demo

How to Setup?

1. Fork and Change Directory in Terminal
2. Install the pods in the terminal by running: $ pod install
3. Create Project in Firebase
4. Enable Authentication and Real Time Database
5. Test

Update pods

• To be safe, run the following commands to ensure all pods are up to date

pod update

• Facebook For Developers

  • Firebase's Instructions for Facebook Login

• Google Sign-In for iOS

  • Firebase's Instructions Google Signin Instructions
  • Sometimes turning a UIButton in storyboard to a GIDSignInButton does not work, so open the storyboard file as a Source Code and customize it there

• Sign in With Apple - only works for members with Apple Developer Program

  • Firebase's Instructions for Sign in With Apple
  • Apple Signin video reference
    1. Enable Apple Signin in Firebase
    2. Add Sign In With Apple capability in you Xcode project's Signing & Capabilities
    3. In Apple Developer, signin and look for your projecct. Enable Signin With Apple in Identifiers list
  • Apple Signin video reference - SwiftUI and FireStore

• Used these as reference

  • Facebook Signin Video pt 1
  • Facebook Signin Video pt 2
    • Note that Facebook updates very often, so keep checking for future updates
    • You will need to create your app in Facebook For Developers
    • In developers.facebook.com, you will also need to go to your project's Settings and see the Client OAuth Settings and paste OAuth redirect URI from Firebase's project -> Authentication -> Sign-in method -> Facebook (e.g.https://folledouserauth.firebaseapp.com/**/auth/handler) into Valid OAuth Redirect URIs
    • You will also need to remove my 2 Facebook code blocks in Info.plist file and put yours instead.
    • Fetching the Facebook User Data
  • Google Signin Video

Note for Phone Authentication:

Don't forget to:

• to paste Google-Sevice-Info.plist's REVERSE_CLIENT_ID's value in the project -> Info -> URL Types -> + //Comitted on January, 4 2019
• APNs Certificates are required to be uploaded in your Firebase project's Project Settings -> Cloud Messaging -> iOS app configuration which needs to be updated annually //Comitted on January, 4 2019
  • Configuring APNs with FCM

Firebase Console Authentication Page

Notice how phone, email is supported as well as Apple and Google under one email.

AuthMenu Screen

Where users can select from either Sign In with Apple, Facebook, Google, Phone, or Email. Using Facebook or Google will take your profile picture if allowed

Phone Auth/Email Auth Screen

Signin or register via phone or email authentication. It will know if phone or email already exist in the database, and will either log in or register user accordingly.

Account Table

User can view their profile picture and logout. (Upcoming features are, delete account from account settings, update names and profile picture)

License under the MIT License