Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
The Definitive Guide to Modernizing Applications on Google Cloud

You're reading from   The Definitive Guide to Modernizing Applications on Google Cloud The what, why, and how of application modernization on Google Cloud

Arrow left icon
Product type Paperback
Published in Jan 2022
Publisher Packt
ISBN-13 9781800209794
Length 488 pages
Edition 1st Edition
Languages
Arrow right icon
Authors (3):
Arrow left icon
Jason Marston Jason Marston
Author Profile Icon Jason Marston
Jason Marston
Dheeraj Panyam Dheeraj Panyam
Author Profile Icon Dheeraj Panyam
Dheeraj Panyam
Steve (Satish) Sangapu Steve (Satish) Sangapu
Author Profile Icon Steve (Satish) Sangapu
Steve (Satish) Sangapu
Arrow right icon
View More author details
Toc

Table of Contents (26) Chapters Close

Preface 1. Section 1: Cloud-Native Application Development and App Modernization in Google Cloud
2. Chapter 1: Cloud-Native Application Fundamentals FREE CHAPTER 3. Chapter 2: End-to-End Extensible Tooling for Cloud-Native Application Development 4. Chapter 3: Cloud-Native Architecture Patterns and System Architecture Tenets 5. Section 2: Selecting the Right Google Cloud Services
6. Chapter 4: Choosing the Right Compute Option 7. Chapter 5: Choosing the Right Database and Storage 8. Chapter 6: Implementing a Messaging and Scheduling System 9. Chapter 7: Implementing Cloud-Native Security 10. Section 3: Rehosting and Replatforming the Application
11. Chapter 8: Introducing the Legacy Application 12. Chapter 9: The Initial Architecture on Google Compute Engine 13. Chapter 10: Addressing Scalability and Availability 14. Chapter 11: Re-Platforming the Data Layer 15. Chapter 12: Designing the Interim Architecture 16. Chapter 13: Refactoring to Microservices 17. Section 4: Refactoring the Application on Cloud-Native/PaaS and Serverless in Google Cloud
18. Chapter 14: Refactoring the Frontend and Exposing REST Services 19. Chapter 15: Handling Eventual Consistency with the Compensation Pattern 20. Chapter 16: Orchestrating Your Application with Google Kubernetes Engine 21. Chapter 17: Going Serverless with Google App Engine 22. Chapter 18: Future Proofing Your App with Google Cloud Run 23. Other Books You May Enjoy Appendix A: Choosing the Right Migration Strategy 1. Appendix B: Application Modernization Solutions

Creating an AngularJS web frontend

Our web frontend will be a single-page web application using HyperText Markup Language 5 (HTML5), Cascading Style Sheets 3 (CSS3), AngularJS, and Bootstrap. There are a few other components, but these are the major ones. As our web frontend is to be deployed independently from the REST services, we have created a new project called frontend to hold our HTML, JavaScript, and other artifacts.

The first thing to be created is an index.html page that will be the only page accessed by the client. We will examine this page section by section, as we did with the REST controller in the previous section.

We first need to declare in our index.html file that we have a web page and it will be using AngularJS, as follows:

<!DOCTYPE html>
<html ng-app="app">
     <head>
...
           <title>Internet Bank</title>
...
   ...
lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime