Azure Deployment Issues: Web.Host #10834

7 Answer(s)

• 

  0

  ismcagdas created 2 years ago

  Support Team

  Hi,

  For publishing yoru app, you need to npm run publish instead of npm run create-dynamic-bundles. Could you try like this and see if it works ?

  Save Cancel
• 

  0

  drisanqdm created 2 years ago

  Hello @ismcagdas, I was able to get the Angular application deployed. The issue is with the service. When I run the following command:

  dotnet publish [Project_Name].Web.sln -c Release -o ${{env.DOTNET_ROOT}}/[Destination_Folder] GitHub Actions

  everything runs on the build server. However, it deploys the following result: https://service-dapperjack-dev-wu2.azurewebsites.net/ when I use view page source I can see that the _Bundles was not built which is why I am seeing the site as it is. Reviewing your documentation it seems I will need to run the create-dynamic-bundles command. Please advise.

  Save Cancel
• 

  0

  drisanqdm created 2 years ago

  I was able to resolve the above by downloading a fresh project and running the pre-run commands within the .Host project. I am now running into an issue where my swagger/v1/ endpoint returns a 404.

  Save Cancel
• 

  0

  ismcagdas created 2 years ago

  Support Team

  Hi @drisanqdm

  Could you tyr to visit yourwebsite.com/swagger ? By the way, do you host Angular app an ASP.NET Core app under the same website ?

  Save Cancel
• 

  0

  drisanqdm created 2 years ago

  No, navigating to https://service-dapperjack-dev-wu2.azurewebsites.net/swagger results in a 404.

  I did not use the single solution option.

  Save Cancel
• 

  0

  sedulen created 2 years ago

  Hi @drisanqdm

  As an observation, if I go to the root of your App Url (https://agreeable-sea-0395f4e1e.1.azurestaticapps.net/), it looks like all resources load correctly and I am redirected to the login page

  If you look at the network traffic, you'll see this request: https://service-dapperjack-dev-wu2.azurewebsites.net//AbpUserConfiguration/GetAll?d=1644348552519

  is returning a valid JSON object. So it appears that your AbpUserConfiguration API endpoint is working correctly.

  Attempting to login hits this endpoint: https://service-dapperjack-dev-wu2.azurewebsites.net//api/TokenAuth/Authenticate

  and returns a 302, redirecting to /Error?statusCode=400

  Where do your server-side logfiles go? For those logs, are you using Azure AppServices? Are you deploying directly to the AppService, or are you deploying to a docker container?

  While it may seem trivial, can you check in your Angular appconfig.json, and remove the trailing "/" at the end of the "remoteServiceBaseUrl" property? The "//" could be interfering with the ABP AppService mapping from beneath the "/api/" path segment. On th server-side, if the route mapping goes to /api/{Controller}/{Method}, and your path has "//" a the start, it's possible that it's unable to find the destination Controller & Method.

  Addiitonally, if I then refresh the login page (https://agreeable-sea-0395f4e1e.1.azurestaticapps.net/account/login), I receive a 404 error

  I haven't used Azure Static Apps before, so I can't speak to deploying an Angular app to that service, bu at a glance it looks like it doesn't understand that Angular is a single-page-application, so the request to /account/login should be returning index.html at the root.

  I hope that helps, -Brian

  Save Cancel
• 

  0

  ismcagdas created 2 years ago

  Support Team

  Hi @drisanqdm,

  As I can see, you have deployed the public website to https://service-dapperjack-dev-wu2.azurewebsites.net. Could you share your real deployment script ?

  Becuase, in order to publish the Host app, you need to run dotnet publish [Project_Name].Web.Host.csproj in the root directory of aspnet-core\src[Project_Name].Web.Host folder.

  Can you try it this way ?

  Save Cancel