Comment puis-je déployer Angulaire à 2 application sur tomcat serveur (Windows Server 2012)

Je suis nouveau dans AngularJS 2 cadre et je suis coincé!

Je veux déployer une application (démarrage rapide par exemple) sur un Serveur Windows 2012. J'ai déjà installé Apache tomcat sur elle.
Ce que j'ai fait :
J'ai utilisé la commande npm construire (avec et sans "-prod"), afin de générer le dossier dist (sortie : index.html & les groupes de fichiers) puis je les ai mis dans 'webapp' dossier dans tomcat, puis j'ai essayé d'atteindre la page à l'aide de mon navigateur, la page d'index est en me montrant "Chargement..."! Je pense que c'angulaire n'est pas de travail...

J'ai essayé d'installer NodeJs sur le serveur, puis de générer un projet simple (npm install-g angulaires-cli) et de l'exécuter sur le serveur.. il fonctionne sur le localhost (serveur), mais sur ma machine à l'aide de "IP_of_sv:Port" Chrome me donne une erreur "ERR_CONNECTION_REFUSED"!

Pouvez-vous m'aider s'il vous plaît avec des explications simples, s'il vous plaît?

Vous en remercie d'avance!

InformationsquelleAutor altd | 2016-11-28
  1. 22

    Si vous utilisez angulaire de la cli la commande pour créer angulaire 2 du projet.Ensuite, la cli a donné quelques commandes pour déployer votre application en production. Utiliser la commande comme ng build --prod sur votre répertoire de projet et il va générer dist dossier dans votre répertoire.Comment puis-je déployer Angulaire à 2 application sur tomcat serveur (Windows Server 2012)

    Aller à l'intérieur dist dossier et le changement de la base href comme href="." dans index.html. Après cette copie dist dossier dans votre répertoire racine de tomcat et exécuter le serveur.Comment puis-je déployer Angulaire à 2 application sur tomcat serveur (Windows Server 2012). vous pouvez voir ci-dessous capture d'écran de notre application en cours d'exécution sur le serveur tomcat.
    Comment puis-je déployer Angulaire à 2 application sur tomcat serveur (Windows Server 2012)

    • Il fonctionne de manière transparente. Mais est-il une manière que je n'aurais pas besoin de changer href valeur dans index.html
    • passer comme ng build --base-href=/BaseRef/
    • Toutes les explications du pourquoi de l'évolution de la base href œuvres. Je veux savoir pourquoi il a commencé à travailler?
    • Merci, mais , comme vous pouvez le voir sur le déploiement dist dossier (dossier de création) sur serveur tomcat, application s'exécute sur le protocole http. Comment faire pour exécuter notre application sur https ?
    • S'il vous plaît pouvez-vous vérifier ce stackoverflow.com/questions/39210467/...
    • Merci, c'est pour servir un but et sur le serveur, il faut configurer tomcat.
    • J'ai tenté les mêmes étapes mais j'ai eu le msg d'erreur lors de l'actualisation de la page "État HTTP 404" quelqu'un peut-il m'aider à résoudre.

    InformationsquelleAutor Balaji B
  2. 6

    Vous pouvez modifier une place dans le index.html: <base href="/">

    D'en faire la base href être votre chemin relatif formulaire répertoire webapps de tomcat pour le dossier qui comprend le index.html de votre angulaire de l'app.

    Dans votre cas, le modifier: <base href="./dist">

    Pas d'autres changements sont nécessaires.

    • J'avais besoin de <base href="./">
    • Merci, mais , comme vous pouvez le voir sur le déploiement dist dossier (dossier de création) sur serveur tomcat, application s'exécute sur le protocole http. Comment faire pour exécuter notre application sur https ?
    InformationsquelleAutor Ahmad Agbaryah
  3. 2

    Juste construire à l'aide de l'un de l'accumulation des tâches(dev comprendra certaines sources, des cartes, et ne vous préoccupez pas de nœud sur le serveur en tant que nœud est seulement nécessaire pour le développement de l'outillage. Puis il suffit de copier tous les fichiers dans le dossier dist. Jetez un oeil dans le index.html et assurez-vous que les références aux différents scripts sont corrects. La seule chose que l'application a besoin pour fonctionner est les scripts dans l'indice, aucun nœud n'est nécessaire.

    • Je vous remercie pour votre réponse. J'ai toujours le problème ! J'ai utilisé ng construire pour générer le dossier dist, [j'ai vérifié si tous les scripts sont dans le format correct, tout comme vous m'avez dit! J'ai trouvé aucune différence et je pense que c'est ok!][1] Mais sur mon navigateur, j'ai obtenu le message d'erreur 404 : [Il est impossible de trouver le paquet de fichiers!][2] j'ai utilisé certaines combinaisons.. (création d'un nouveau dossier "test/x.js" ,, changer le chemin d'accès dans dist/test/x.js mais aucun résultat !) Je vous remercie d'avance pour votre aide! [1]: i.stack.imgur.com/DP3nF.png [2]: i.stack.imgur.com/haflx.png
    InformationsquelleAutor rtn
  4. 2

    J'ai trouvé la solution:

    J'ai eu insérer le droit chemin du bundle fichiers!

    J'ai changé pour exemple l'attribut src de l'index des fichiers à partir de :
    src="inline.bundle.js"

    à :
    src="dist/inline.bundle.js"

    Juste ajouté le DIST FOLDEEEEEER ! Haha
    Merci exécuter des verges pour votre aide !

    • Merci, mais , comme vous pouvez le voir sur le déploiement dist dossier (dossier de création) sur serveur tomcat, application s'exécute sur le protocole http. Comment faire pour exécuter notre application sur https ?
    InformationsquelleAutor altd
  5. 1

    Utiliser le lien où j'ai posté la solution pour cela. Veuillez vérifier les et laissez-moi savoir si vous avez d'autres questions.
    Déployer Angulaire 2 App avec Webpack à Tomcat - Erreurs 404

    InformationsquelleAutor Amit khandelwal
  6. 1
    1. Exécuter cette commande ng build --prod sur votre terminal
    2. Après le départ de l'un dossier est créé en parallèle de la src
      dist et aller à dist dossier et aller à l'intérieur de votre dossier de projet
      et sélectionnez tous les fichiers et les coller à l'intérieur de WebContant et parallèle
      dans web-INF et aller à l'intérieur sur index.html page et remplacer / de
      . comme href="." et aller à l'url exemple: http://localhost:8080/ProjectName/#/URL et de le vérifier.
    InformationsquelleAutor Bheem Singh