How to debug eShopOnAbp in Visual Studio 2022

May 14 · 2 mins read

This is on a Windows machine; And for the version of eShopOnAbp which was just updated to .NET 7, ABP 7, and Angular 15: commit f1c51a2

0. Install the following

Make sure Docker Desktop is running

Make sure no Docker Containers or Windows Services are running on the default ports for the following

  • Postgres - port 5432
  • MongoDB - port 27017
  • Redis - port 6379
  • pgadmin - port 5050
  • keycloak - port 8080

For example, to stop currently running Postgres instance, open Windows Services app then look for postgresql..., then right-click on it, and click Stop.

Services -> postgresql -> Stop

1. Clone the eShopOnWeb repository

I encountered the error relation "AbpPermissionGroups" does not exist when setting up the latest version of eShopOnAbp as of writing this blog post.

If you want to avoid that error, you can clone using my fork of eShopOnAbp, then checkout the branch where I did a fix for that error by executing

git checkout fix/AbpPermissionGroups-error

Rename .env.example file to .env file and provide PayPal ClientID and Secret.

Based on a comment here, you can use dummy data for PayPal ClientID and Secret if you don’t want to test Checkout using Paypal.

2. Execute run-tye.ps1

This downloads the Docker images, creates containers, then builds the project.

Wait until all applications are running.

Open the Tye dashboard (http://localhost:8000) in a browser

Please read eShopOnAbp’s README for solutions to some errors you might encounter.

Public Web app: https://localhost:44335

Username: admin@abp.io Password: 1q2w3E*

3. Start the Angular application

cd apps/angular
yarn
yarn start

http://localhost:4200/

4. Debug a microservice in Visual Studio

Please see this video on YouTube:

5. If you want to debug the Angular app

Please refer to https://www.c-sharpcorner.com/article/debug-angular-in-vs-code/

Buy Me A Coffee