Projets de séparation front-end et back-end SpringBoot, packaging et déploiement sur le processus graphique détaillé du serveur

Étapes de mise en œuvre

1. Modifiez l'adresse du fichier de configuration

1. Modifier la configuration MySQL

Modifiez l'adresse MySQL, modifiez le nom des données, le compte et le mot de passe à déployer
Insérer la description de l'image ici

2. Modifier la configuration Redis

Modifiez l'adresse Redis et modifiez le mot de passe Redis qui doit être déployé (si nécessaire)
Insérer la description de l'image ici

3. Modifier le chemin du journal et la configuration du jeu de caractères

Modifier l'adresse de stockage des logs dans logback.xml
Insérer la description de l'image ici

Réinitialiser le jeu de caractères du journal (pour éviter que le journal apparaisse tronqué après avoir été placé sur le serveur)
Insérer la description de l'image ici
Insérer la description de l'image ici

2. Compressez le code source et téléchargez-le sur le serveur

1. Téléchargez des fichiers frontaux

  • Compressez le fichier de code source complet localement au format .zip à l'avance
  • Créez un dossier sur le serveur (/workspace) pour stocker le code source du projet
  • Téléchargez le code source du projet frontal emballé dans le dossier correspondant du serveur via l'outil xftp
  • Utiliser des commandes unzip ruoyi-ui.zippour décompresser le code source du projet
  • Utilisez la commande rm -rf ruoyi-ui.zippour supprimer le fichier compressé d'origine
  • Utilisez la commande cd ruoyi-ui/pour entrer dans le dossier du code source

2. Téléchargez les fichiers backend (comme ci-dessus)

3. Conditionnement du projet frontal

1. Installer les dépendances

  • Utilisez la commande cd ruoyi-ui/ pour entrer dans le dossier du code source
  • npm install --unsafe-perm --registry=https://registry.npm.taobao.orgInstaller les dépendances du projet front-end (node.js doit être installé sur le serveur)
  • --unsafe-permPrévenir les problèmes d'autorisation
  • --registry=https://registry.npm.taobao.orgSource miroir Taobao, plus rapide en Chine

2. Présentation du projet

  • Utiliser la commandenpm run build:prod
  • Une fois l'empaquetage terminé, un répertoire dist sera généré (le nom du répertoire par défaut est dist)
    Insérer la description de l'image ici

4. Conditionnement du projet back-end

1. Emballage du projet (paquet jar)

  • Utilisez la commande mvn package(nécessite le serveur pour installer l'environnement maven)
  • Utilisez la commande cd target/pour entrer dans le répertoire et vous verrez le package jar préparé (le package jar ici est ruoyi.jar)
  • Copiez le package jar dans le répertoire de niveau supérieur pour éviter que le package jar ne soit perdu en raison du nettoyage du répertoire cible.

2. Packaging du projet (package de guerre)

  • Modifier le fichier pom
    Insérer la description de l'image ici

  • Excluez le Tomcat intégré afin qu'il puisse être déployé sur un Tomcat externe
    Insérer la description de l'image ici

  • Ajouter une nouvelle classe de démarrage pointant vers la classe de démarrage d'origine
    Insérer la description de l'image ici

  • Téléchargez les deux fichiers modifiés sur le serveur (il suffit de télécharger les fichiers correspondants et de les remplacer)

  • Utiliser la commande mvn cleanpour nettoyer le répertoire

  • Utilisez la commande mvn packagepour créer le package war

  • Utilisez la commande cd targetpour trouver le package war dans ce répertoire

5. Déployer des projets front-end

1. Utilisez Nginx pour déployer des projets front-end

  • Utilisez la commande cd /usr/local/nginx/pour entrer dans le répertoire nginx
    Insérer la description de l'image ici

  • Modifier le fichier de configuration Nginx (modifier le fichier nginx.conf sous le dossier conf)

  • Remplacez le chemin suivant la racine de l'emplacement par l'adresse de fichier du projet frontal packagé.
    Insérer la description de l'image ici

  • Pour éviter les problèmes liés aux autorisations, remplacez l'utilisateur au début du fichier par root.
    Insérer la description de l'image ici

  • Utilisez la commande cd sbin/pour entrer dans le répertoire correspondant

  • ./nginxDémarrez nginx en utilisant la commande

  • À ce stade, vous pouvez saisir l'adresse IP correspondante dans le navigateur pour accéder au front-end.

6. Déployer des projets back-end

1. Comment déployer le package jar

  • Utilisez la commande dans le répertoire correspondant nohup java -jar ruoyi.jar &pour exécuter le projet back-end en arrière-plan.

  • À l'heure actuelle, le projet front-end peut encore signaler l'erreur 404. En effet, les adresses du front-end et du back-end ne sont pas liées.

  • Reconfigurez le proxy dans le fichier nginx.conf
    Insérer la description de l'image ici

  • Accédez au répertoire nginx et rechargez-le.nginx/usr/local/nginx/sbin/nginx -s reload

  • À l’heure actuelle, lorsque vous revisitez le projet front-end, aucune erreur ne sera plus signalée.

  • Félicitations pour avoir terminé le déploiement de votre projet !

2. Comment déployer le package de guerre

  • ps -aux | grep javaAfficher le processus Java actuel
  • kill -9 进程号processus d'arrêt
  • Accédez au dossier Tomcatcd /usr/local/tomcat/
  • Placez le package war que vous venez de packager dans le répertoire webapps
  • cd webapps/Exécutez ensuite la commande cp /root/workspace/ruoyi/ruoyi.war ./pour copier le package war dans le répertoire actuel.
  • démarrertomcatservice tomcat start
  • Il y aura un problème à ce moment-là. L'accès direct à l'adresse IP ouvrira la page d'accueil de Tomcat. Vous devez ajouter /ruoyi après l'adresse d'origine pour accéder au backend.
  • Pour résoudre ce problème, vous devez modifier la configuration de Tomcat, accéder au répertoire conf sous le dossier Tomcat et rechercher server.xml
  • Ajoutez une nouvelle information de configuration pour modifier la méthode d'accès d'origine en accès au répertoire racine.
    Insérer la description de l'image ici
  • Arrêtez Tomcat service tomcat stopet redémarrez-leservice tomcat start

3. Configurez le cluster

  • Modifier le fichier nginx.conf
    Insérer la description de l'image ici

  • Modifier la configuration de transfert de proxy vers l'amont modifié ci-dessus
    Insérer la description de l'image ici

  • Redémarragenginx/usr/local/nginx/sbin/nginx -s reload

  • Surveillez les journaux en temps réel pour voir quel backend est actuellement accédétail -f 日志文件名

Considérations sur le déploiement

Lorsque la partie hors page d'accueil de la page frontale est actualisée, le problème de page 404 se produit.

Modifiez le fichier de configuration nginx et mettez le code suivant dans nginx

location / {
    
    
    ……
    try_files $uri $uri/ /index.html; ---解决页面刷新404问题
}

Article de référence : https://www.jb51.net/article/261803.htm

Le projet backend de déploiement n'a pas pu démarrer

Vérifiez si le numéro de port du projet back-end est occupé
netstat -anp | grep 端口号

Économisez de l'espace sur le serveur

L'empaquetage de projets front-end et back-end peut être réalisé localement. Le serveur de téléchargement peut minimiser le téléchargement de packages jar et de dossiers dist. Cette méthode permet d'économiser le plus de ressources d'espace serveur.

  • Conservez simplement le package jar pour le projet back-end
  • Le projet frontal n'a besoin que de conserver le dossier dist

Je suppose que tu aimes

Origine blog.csdn.net/zwb568/article/details/131609429
conseillé
Classement