Déployer une application Angular

Pour déployer une application Angular sur Hostman, accédez à la section Plateforme d’Applications et cliquez sur Créer.

Étape 1. Sélectionner le type d’application

Dans l’onglet Frontend, sélectionnez Angular. Choisissez également la version de Node.js souhaitée.

Étape 2. Connecter un dépôt

Vous pouvez connecter un dépôt de deux manières :

• Depuis votre compte GitHub, GitLab ou BitBucket. Cliquez sur le nom de la plateforme, connectez-vous et sélectionnez le dépôt souhaité. Si vous êtes déjà connecté, Hostman affichera immédiatement les dépôts disponibles.

• Par URL, en fournissant un lien vers un dépôt créé sur n’importe quelle plateforme. Cliquez sur Connecter le dépôt via URL et entrez l’URL Git du dépôt. Si le dépôt est privé, entrez également les informations d’accès.

Consultez plus d’informations sur la connexion des dépôts ici.

Étape 3. Sélectionner une branche et un commit

1. Sélectionnez une branche pour le déploiement.
2. Par défaut, l’option Construire avec le dernier commit exécuté est activée. La plateforme d’applications déploiera ainsi le dernier commit et reconstruira automatiquement l’application lorsque de nouveaux commits seront ajoutés au dépôt. Vous pouvez désactiver le déploiement automatique si nécessaire.

Si vous souhaitez sélectionner manuellement un commit spécifique, désactivez cette option.

Étape 4. Sélectionner l’emplacement du serveur

Sélectionnez l’emplacement du serveur.

Pour toutes les applications frontend, nous proposons une configuration de base du serveur avec 1 Go NVMe et une limite de 200 000 requêtes par mois.

Étape 5. Configurer les paramètres de build

La plateforme d’applications détectera automatiquement la commande de build et le répertoire de build de votre projet. Dans la plupart des cas, vous pouvez laisser ces paramètres inchangés.

Si votre projet nécessite des modules supplémentaires, vous pouvez spécifier des commandes de build personnalisées et les combiner avec &&. 

Vous pouvez également définir des variables si nécessaire.

Vous pourrez modifier ces paramètres ultérieurement et redéployer l’application avec les nouveaux paramètres.

Étape 6. Saisir les informations de l’application

Ici, vous pouvez spécifier un nom et un commentaire pour votre application, qui s’afficheront dans le tableau de bord Hostman. Vous pouvez également sélectionner un projet auquel ajouter l’application.

Ces paramètres peuvent être modifiés ultérieurement.

Étape 7. Déployer

Cliquez sur Démarrer le Déploiement. Une fois le processus lancé, vous verrez le journal de déploiement dans l’onglet Deploy.

Le journal de déploiement contient toutes les informations nécessaires pour résoudre d’éventuels problèmes. Si une erreur survient, par exemple en raison d’un bug dans le code, le journal affichera une notification précisant la cause du problème.

Lors du premier déploiement d’un projet, l’installation du serveur peut prendre un certain temps. Une fois le processus terminé, l’état de l’application sera mis à jour, et vous verrez un message à ce sujet dans le journal.

Tout est prêt !

Vous pouvez trouver et copier l’URL de votre application (le domaine technique lié à l’application) sur la page principale de la section Apps ou dans l’onglet Paramètres de votre application. Vous pouvez également lier un domaine personnalisé à l’application.

L’application fonctionnera sur les ports 443 et 80.

À l’avenir, la plateforme d’applications surveillera les mises à jour du dépôt et, si le déploiement automatique est activé, reconstruira automatiquement le projet avec les nouvelles modifications.