bars icon
magnifying-glass icon

Angular

Deployment

Step 1. Create a service

To deploy an Angular application, click Create in the top-left corner of your Dashboard and choose Front-end app or static website.

enter image description here

Step 2. Select the project to deploy

If you are logged in to Hostman with your GitHub, GitLab or Bitbucket account, at this point you will see the repository with your projects, including the private ones.

enter image description here

To access a different repository, click Connect another repository.

If you didn’t use your Git account credentials to log in, you’ll be able to access the necessary account now, and then select the project.

Step 3. Configure the build settings

Next, the Website customization window will appear.

enter image description here

Select Angular from the list of frameworks.

Check the default values for the directory and the build command and modify them for your project, if necessary.

The Directory with app points at the directory that will contain project’s files after the build. For Angular it will usually be dist (it is shown as the outputPath value in your angular.json file).

The Build command allows you to customize the build process. You can enter multiple commands separated by &&. If your project doesn’t require any additional parameters, use the default command.

Step 4. Deploy

Click Deploy to start the build process.

Once it starts, you will enter the deployment log. If there are any issues with the code, you will get warning or error messages in the log, specifying the cause of the problem.

Usually the log contains all the debugging data you'll need, but we are also here to help you solve the issues, so do not hesitate to contact us via chat.

When the deployment is complete, you will receive an e-mail notification and also see a similar log entry:

enter image description here

All done!

Your project is up and ready.