How to debug eShopOnAbp in Visual Studio 2022

This is for eShopOnAbp which was just updated to .NET 7, ABP 7, and Angular 15

May 15 · 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 the project using my fork of eShopOnAbp, then checkout the branch where I did a fix for that error by executing

git clone https://github.com/jflaga/eShopOnAbp.git
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.

3. Start the Angular application

cd apps/angular
yarn
yarn start

4. Debug a microservice in Visual Studio

Please watch this video:

5. If you want to debug the Angular app

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

Buy Me A Coffee