menu
arrow_back

Build a Serverless Web App with Firebase

—/100

Checkpoints

arrow_forward

Create a Firebase project

Register your app

Set up authentication and a database

Add a customer page to your web app

Build a Serverless Web App with Firebase

1 ora 5 crediti

GSP643

Google Cloud Self-Paced Labs

image

Overview

For the labs in the GCP Serverless Workshop: Pet Theory Quest, you will read through a fictitious business scenario and assist the characters with their serverless migration plan.

Twelve years ago, Lily started the Pet Theory chain of veterinary clinics. The Pet Theory chain has expanded rapidly over the last few years. Their old appointment system is not able to handle the increased load or allow clients to schedule their own appointments, so Lily asked Patrick, in IT, and Ruby, a consultant, to build a cloud-based system that easily scale.

In the previous lab, Migrating Data to a Firestore Database, you learned how to leverage Firestore to host customer data. In this lab you will build a fully fledged Firebase web app that allows users to log information and schedule appointments in real time.

Architecture

This diagram gives you an overview of the services you will be using and how they connect to one another:

arch.png

What you will learn

In this lab, you will learn how to:

  • Enable the Firebase API in your GCP project.
  • Create and configure a Firebase project.
  • Configure Firestore Security to automate server-side authentication and authorization.
  • Add Google sign-in to your web app.
  • Configure your database so users can add their contact information.
  • Explore and deploy code that allows users to schedule appointments.
  • Explore Firebase's real time updates in your web app.

Prerequisites

This is a fundamental level lab. This assumes familiarity with the GCP Console and shell environments. Experience with Firebase will be helpful, but it is not required. Before taking this lab it is recommended that you have completed the following Qwikakb:

You should also be comfortable editing files. You can use your favorite text editor (like nano, vi, etc.) or you can launch the code editor from Cloud Shell, which can be found in the top ribbon:

ba731110a97f468f.png

Once you're ready, scroll down and follow the steps below to setup your lab environment.

Crea un account Qwiklabs per leggere il resto del lab e tanto altro ancora.

  • Acquisisci accesso temporaneo a Google Cloud Console.
  • Oltre 200 lab dal livello iniziale a quelli più avanzati.
  • Corsi brevi per apprendere secondo i tuoi ritmi.
Crea un account per iniziare questo lab