410 Preparing projects and running ABP framework applications - chempkovsky/CS82ANGULAR GitHub Wiki

Run DbMigrator

Run Host

Modify app-config.json

Launch angular app

Run DbMigrator

  • Run rupbes.firstapp.DbMigrator.csproj-console app to create data-base tables on the Sql server.
  • After table creation stop DbMigrator

Run Host

  • Run rupbes.firstapp.HttpApi.Host.csproj-app. It will opens the home-page in the browser
    • Copy URL of this page. In our case it is https://localhost:44301/.
  • You can detect the URL in the Properties\launchSettings.json-file of rupbes.firstapp.HttpApi.Host.csproj-project

Modify app-config.json

  • Open the rupbes.firstapp\angular\src\assets\app-config.json-file of the angular project and modify as follows:
{
    "webApiUrl": "https://localhost:44301/",
    "securityUrl": "https://localhost:44301/",
    "permissionWebApi": "https://localhost:44301/"
}
  • Where https://localhost:44301/ is an URL of the home-page of rupbes.firstapp.HttpApi.Host-app.
    • Make sure each URL ends with a /.
  • Save app-config.json-file

Launch angular app

  • Run windows terminal
  • In the terminal window make E:\development\rupbes.firstapp\angular-folder to be active
cd E:\development\rupbes.firstapp\angular

In the terminal window run the command

ng serve -o
  • login as admin/1q2w3E*. Here is a result:

project structure