UE4 Firebase Login and User System


Marketplace Link ↗   |   Preview ↗

UE4 Firebase Login and User System

1 Overview

Firebase Login and User System is an UE4 plugin that provides the ability to register/login firebase and store user info with firestore. Using firebase, you don’t need your own server for user login or data storage.


2 Introduction

Firebase Login and User System is a simple plugin that intergrates firebase c++ sdk (Auth and Firestore) to UE4. This plugin helps you to use firebase authorization and firestore from Blueprint easily. By these firebase features, you can build your own login and user system easier. Using firebase authorization and firestore feature, you can let user login with email which supports email verification, and save user info into firestore.

Current supported platform:

  • Android

  • Win64


3 Quick Start

Following blew steps, you will use this tool quickly.

3.1 Register firebase account and download “google-services.json” file

  • Register your firebase account on Firebase website and add your own project.

  • Add your own Android App from firebase console.

AddFirebaseApp

  • Select android platform and add your own test app (see detail in Firebase Docs).

SelectAppPlatform

  • Download “google-services.json” file for UE4 project.

GoogleServicesJson


3.2 Put “google-services.json” file to UE4 Project

Copy “google-services.json” file to Content/Firebase folder and Modify Project Setting as follow:

UEPackageDir

Add “Firebase” folder to “Additional Non-Asset Directories to Package”.


3.3 Add a Firebase Proxy into your level

Drag FirebaseProxy into your own level.

FirebaseProxy

3.4 Add firestore user information collection

Add firestore collection to save your user info (ex. collection “testdata”).

UserInfo

Customize your own firestore rule to restrict an user can only modify herself/himself data.

FirestoreRule


3.5 Customize your widget and user data

Open demo project and see the example from blueprint BP_Login_UI, BP_Register_UI and BP_UserInfo_UI inside UMG folder.

For firebase authorization usage, see BP_Login_UI and BP_Register_UI.

LoginUsage

For firestore usage, see BP_Firestore_UI inside UMG folder:

FirestoreUsage


3.6 Run demo project

Finally, you can test your demo as follow.

TestDemo


4 Compile plugin for your C++ project

if you want to add the plugin to your own project, just following the steps given below.

  • Put plugin to folder “Plugins” in your project.

  • Right click your project file(.uprojcet) and select “Generate Visual Studio project files”

  • Open Visual Studio project and complile.

5 Support

In the event you are unable to find the information you seek, feel free to contact easycomplex.tech@gmail.com.

References


[1] Add Firebase to your C++ project

[2] Firestore C++ Demo

[3] Unreal Engine 4 Androidx

Vistied:
Share: Twitter Facebook LinkedIn