Een Angular App Implementeren

Om een Angular-applicatie op Hostman te implementeren, ga je naar de sectie App-platform en klik je op Aanmaken.

Stap 1. Selecteer het applicatietype

Ga naar het tabblad Frontend en selecteer Angular. Kies ook de gewenste versie van Node.js.

Stap 2. Een repository verbinden

Je kunt een repository op twee manieren verbinden:

• Via je GitHub-, GitLab- of BitBucket-account. Klik op de naam van het platform, log in en selecteer de gewenste repository. Als je al bent ingelogd, toont Hostman direct de beschikbare repositories.

• Via een URL, door een link naar een repository op een willekeurig platform in te voeren. Klik op Repository verbinden via URL en voer de Git-URL van de repository in. Als de repository privé is, voer dan ook de inloggegevens in.

Lees hier meer over het verbinden van repositories.

Stap 3. Selecteer een branch en commit

1. Selecteer een branch voor de implementatie.
2. Standaard is de optie Bouwen op basis van de laatst uitgevoerde commit ingeschakeld. Hierdoor zal het App-platform de nieuwste commit implementeren en later automatisch de applicatie opnieuw bouwen zodra er nieuwe commits worden toegevoegd. Indien nodig kun je de automatische implementatie uitschakelen.

Als je een specifieke commit handmatig wilt selecteren, schakel dan deze optie uit.

Stap 4. Selecteer de serverlocatie

Selecteer de locatie van de server.

Voor alle frontend-applicaties bieden we een basisserverconfiguratie met 1 GB NVMe en een limiet van 200.000 aanvragen per maand.

Stap 5. Configureer de build-instellingen

Het App-platform bepaalt automatisch het build-commando en de build-map van je project, dus in de meeste gevallen kun je deze instellingen ongewijzigd laten.

Als je project extra modules vereist, kun je een aangepast build-commando invoeren of meerdere commando’s combineren met &&. 

Je kunt ook variabelen instellen, indien nodig.

Je kunt deze instellingen later wijzigen en de applicatie opnieuw implementeren met de nieuwe parameters.

Stap 6. Voer de app-informatie in

Hier kun je een naam en opmerking voor je applicatie opgeven, die zichtbaar zullen zijn in het Hostman-dashboard. Je kunt ook een project selecteren waaraan je de app wilt toevoegen.

Deze instellingen kunnen later worden gewijzigd.

Stap 7. Implementeren

Klik op Start Implementatie. Zodra het proces start, zie je het implementatielogboek op het tabblad Deploy.

Het implementatielogboek bevat alle benodigde informatie om eventuele problemen op te lossen. Als er iets misgaat, bijvoorbeeld door codefouten, wordt er een melding weergegeven met de oorzaak van het probleem.

Bij de eerste implementatie van een project kan de serverinstallatie even duren. Zodra het proces is voltooid, wordt de status van de applicatie bijgewerkt, en je ziet hierover een bericht in het logboek.

Alles klaar!

Je kunt de URL van je applicatie (het technische domein dat aan de app is gekoppeld) vinden en kopiëren op de hoofdpagina in de sectie Apps of in het tabblad Instellingen van je app. Je kunt ook een eigen domein aan de applicatie koppelen.

De applicatie draait op poorten 443 en 80.

In de toekomst zal het App-platform updates in de repository volgen en, als de automatische implementatie is ingeschakeld, het project automatisch opnieuw bouwen met de nieuwste wijzigingen.