menu
arrow_back

Build a Serverless Web App with Firebase

Build a Serverless Web App with Firebase

1 Stunde 5 Guthabenpunkte

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.

Wenn Sie sich in Qwiklabs anmelden, erhalten Sie Zugriff auf den Rest des Labs – und mehr!

  • Sie erhalten vorübergehenden Zugriff auf Google Cloud Console.
  • Mehr als 200 Labs für Einsteiger und Experten.
  • In kurze Sinneinheiten eingeteilt, damit Sie in Ihrem eigenen Tempo lernen können.
Beitreten, um dieses Lab zu starten
Punktzahl

—/100

Create a Firebase project

Schritt ausführen

/ 25

Register your app

Schritt ausführen

/ 25

Set up authentication and a database

Schritt ausführen

/ 25

Add a customer page to your web app

Schritt ausführen

/ 25