This tutorial is intended for those new to building apps in the cloud, such as engineers and web developers, who want to learn key app development concepts as they apply to Google Cloud.
Objectives
- Learn basic Google Cloud tools, such as the Google Cloud Console and
gcloud
. - Deploy your app to Cloud Run.
- Persist your data with Firestore.
- Store file uploads in Cloud Storage.
- Monitor your app using Google Cloud's operations suite.
For other language-specific tutorials for building your apps, see the following guides:
Costs
This tutorial uses the following billable components of Google Cloud:
The tutorial is designed to keep your resource usage within the limits of Google Cloud's Always Free tier. To generate a cost estimate based on your projected usage, use the pricing calculator. New Google Cloud users might be eligible for a free trial.
When you finish this tutorial, you can avoid continued billing by deleting the resources you created. For more information, see Cleaning up.
Before you begin
-
Sign in to your Google Account.
If you don't already have one, sign up for a new account.
-
In the Google Cloud Console, on the project selector page, select or create a Google Cloud project.
-
Make sure that billing is enabled for your Cloud project. Learn how to confirm that billing is enabled for your project.
-
To create a Firestore database in Native mode, complete the following steps:
-
In the Cloud Console, go to the Firestore viewer page.
Go to the Firestore viewer - From the Select a Cloud Firestore mode screen, click Select Native Mode.
- Select a location for your Firestore database. This location setting is the default Google Cloud resource location for your Cloud project . This location is used for Google Cloud services in your Cloud project that require a location setting, specifically, your default Cloud Storage bucket and your Cloud Run app.
- Click Create Database.
-
In the Cloud Console, go to the Firestore viewer page.
- Enable the Cloud Run Admin, Cloud Storage, Cloud Logging, and Error Reporting APIs.
-
In Cloud Shell, open the app's source code.
Go to Cloud ShellCloud Shell provides command-line access to your Google Cloud resources directly from the browser.
- To download the sample code and change into the app directory, click Proceed.
-
In Cloud Shell, configure the
gcloud
tool to use your new Google Cloud project:# Configure gcloud for your project gcloud config set project PROJECT_ID
Replace PROJECT_ID with the Google Cloud project ID that you created using the Cloud Console.
The
gcloud
command-line tool is the primary way you interact with your Google Cloud resources from the command line. In this tutorial, you use thegcloud
tool to deploy and monitor your app.
Running your app
- If you already use Cloud Shell and have configured it to use Java 11,
update the shell's Java alternatives,
JAVA_HOME
, andPATH
environment variables to specify Java 8. -
Change into the
bookshelf/1-cloud-run
directory and run the app:GOOGLE_CLOUD_PROJECT=PROJECT_ID mvn -Plocal clean jetty:run-exploded
ReplacePROJECT_ID
with the Google Cloud project ID that you created. - In Cloud Shell, click Web preview , and select Preview on port 8080. This opens a new window with your running app.
Deploying your app to Cloud Run
Google Cloud offers several options for running your code. For this example, you use Cloud Run to deploy a scalable app to Google Cloud. With zero server management, Cloud Run lets you focus on writing code. Plus, Cloud Run automatically scales to support sudden traffic spikes.
- Build the image using Jib:
mvn package jib:build -Dimage=gcr.io/PROJECT_ID/bookshelf
Replace
PROJECT_ID
with the Google Cloud project ID that you created. - Then deploy the image:
gcloud run deploy bookshelf --image gcr.io/
ReplacePROJECT_ID
/bookshelf \ --platform managed --region us-central1 --allow-unauthenticatedPROJECT_ID
with the Google Cloud project ID that you created.
When the deployment succeeds, it will output an endpoint to the app running in Cloud Run, in the format:
https://bookshelf-abcdefghij-uc.a.run.app
Your app is now viewable at this link, hereafter called YOUR_CODE_RUN_URL. In your web browser, enter the URL to view the app.
Persisting your data with Firestore
You cannot store information on your Cloud Run instances, because it is lost if the instance is restarted, and doesn't exist when new instances are created. Instead, you use a database that all your instances read from and write to.
Google Cloud offers several options for storing your data. In this example, you use Firestore to store the data for each book. Firestore is a fully managed, serverless, NoSQL document database that lets you store and query data. Firestore auto scales to meet your app needs, and scales to zero when you're not using it. Add your first book now.
- In your web browser, go to your YOUR_CODE_RUN_URL.
-
To create a book for your deployed app, click Add book.
- In the Title field, enter
Moby Dick
. - In the Author field, enter
Herman Melville
. -
Click Save. There is now an entry to your Bookshelf app.
-
In the Cloud Console, to refresh the Firestore page, click
Refresh refresh.
The data appears in Firestore. The Bookshelf app stores each book
as a
Firestore document
with a unique ID, and all these documents are stored in a
Firestore collection.
For the purposes of this tutorial, the collection is called books.
Firestore stores the books by using the Firestore Client Library. Here is an example of fetching a Firestore document:
For more information on using Firestore, see Adding data to Firestore.
Storing file uploads in Cloud Storage
Now that you've added a book, it's time to add the book cover image. You cannot store files on your instances. A database isn't the right choice for image files. Instead, you use Cloud Storage.
Cloud Storage is the primary blob store for Google Cloud. You can use Cloud Storage to host app assets that you want to share across Google Cloud. To use Cloud Storage, you need to create a Cloud Storage bucket, a basic container to hold your data.
- In the Cloud Console, go to the Cloud Storage Browser page.
- Click Create bucket.
- In the Create bucket dialog, enter a name for your bucket by appending your
Google Cloud project ID to the string
_bucket
so the name looks likeYOUR_PROJECT_ID_bucket
. This name is subject to the bucket name requirements. All other fields can remain at their default values. - Click Create.
- After your bucket is created, objects must be made publicly accessible to be viewed by users. To make your objects publicly accessible see Making Data Public.
-
Click Edit book, and select an
image to upload as your book's cover. For example, you can use this public
domain image:
-
Click Save. You're redirected to the
homepage, where there is an entry to your Bookshelf app.
The bookshelf app sends uploaded files to Cloud Storage by using the Cloud Storage Client Library.
For more information on using Cloud Storage, see the list of how-to guides.
Monitoring your app using Google Cloud's operations suite
You've deployed your app and created and modified books. To monitor these events for your users, use Application Performance Management.
Monitor logs with Cloud Logging
-
In the Google Cloud, go to the Logs Viewer
Go to Logs ViewerYou can monitor your app in real time. If you have any issues with your app, this is one of the first places to look.
- In the Resource drop-down list, select Cloud Run Revision, bookshelf.
Monitor errors with Error Reporting
-
In the Cloud Console, go to the Error Reporting page.
Go to Error Reporting page
Error Reporting highlights errors and exceptions in your app and lets you set up alerting around them. -
In your browser, go to the
/errors
URL in your app.
YOUR_CODE_RUN_URL/errors
This generates a new test exception and sends it to Google Cloud's operations suite.
-
In the Cloud Console, return to the Error Reporting page, and in a few moments the new error is visible. Click Auto Reload so you don't need to manually refresh the page.
Cleaning up
To avoid incurring charges to your Google Cloud account for the resources used in this tutorial, either delete the project that contains the resources, or keep the project and delete the individual resources.
Delete the project
- In the Cloud Console, go to the Manage resources page.
- In the project list, select the project that you want to delete, and then click Delete.
- In the dialog, type the project ID, and then click Shut down to delete the project.