You're reading from ASP.NET Core and Vue.js Build real-world, scalable, full-stack applications using Vue.js 3, TypeScript, .NET 5, and Azure

Product type Paperback

Published in Jun 2021

Publisher Packt

ISBN-13 9781800206694

Length 478 pages

Edition 1st Edition

Languages

Tools

.NET

Concepts

Full Stack Web Development

Author (1):

Devlin Basilan Duldulao

View More author details

Table of Contents (25) Chapters

Preface

1. Section 1: Getting Started

2. Chapter 1: Getting Started with ASP.NET Core and Vue.js FREE CHAPTER

3. Chapter 2: Setting Up a Development Environment

4. Section 2: Backend Development

5. Chapter 3: Starting Your First ASP.NET Core Project

6. Chapter 4: Applying Clean Architecture to an ASP.NET Core Solution

7. Chapter 5: Setting Up DbContext and Controllers

8. Chapter 6: Diving into CQRS

9. Chapter 7: CQRS in Action

10. Chapter 8: API Versioning and Logging in ASP.NET Core

11. Chapter 9: Securing ASP.NET Core

12. Chapter 10: Performance Enhancement with Redis

13. Section 3: Frontend Development

14. Chapter 11: Vue.js Fundamentals in a Todo App

15. Chapter 12: Using a UI Component Library and Creating Routes and Navigations

16. Chapter 13: Integrating a Vue.js Application with ASP.NET Core

17. Chapter 14: Simplifying State Management with Vuex and Sending GET HTTP Requests

18. Chapter 15: Sending POST, DELETE, and PUT HTTP Requests in Vue.js with Vuex

19. Chapter 16: Adding Authentication in Vue.js

20. Section 4: Testing and Deployment

21. Chapter 17: Input Validations in Forms

22. Chapter 18: Writing Integration Tests Using xUnit

23. Chapter 19: Automatic Deployment Using GitHub Actions and Azure

24. Other Books You May Enjoy

Testing controllers with Swagger UI

We've built controllers and run the application, but we haven't tested it yet, right? In this section, we will send GET, POST, PUT, and DELETE requests to TourList controller.

First of all, make sure that you are running the application by going to the Web Api project and running this command:

dotnet run

Now check your Swagger UI by going to the link https://localhost:5001/swagger/index.html while the application is running.

You will see the TourLists and TourPackages endpoints. The Swagger UI is showing you the documentation of the HTTP methods for each controller. There are GET, POST, DELETE, and PUT methods ready to be tried out:

Figure 5.3 – Swagger UI

The following screenshot shows the schemas of the application, which are also generated for you by Swagger UI:

Figure 5.4 – Schemas in Swagger UI

Now let's try the GET method of the TourLists controller....