在 cpanel 中 angular 中部署前端,在 java 中部署后端
Deploy frontend in angular and backend in java in cpanel
我已经使用 angular 框架进行前端开发,并为后端创建了 spring 启动应用程序。为了 运行 我在本地服务器(我的计算机)上的应用程序,我首先 运行 spring 在 eclipse 中启动应用程序并通过 angular cli angular 应用程序。但是如何将我的项目部署和托管到 cpanel?
步骤 1) Angular 构建命令 - "ng build --prod"。这将在您的 angular 项目主目录中创建一个 dist 文件夹,如果您导航到该目录,您将看到资产、index.html、main.xxxxxxxx.js、polyfills.xxxxxxxx.js 和 runtime.xxxxxxxxx.js等将可用
Angular dist folder (miracleApp is my app name, so all files will be under this)
步骤 2) 从 dist 目录复制以上所有文件并将它们粘贴到 java 项目的 src/main/resources 目录
Java Project
步骤 3) 现在使用 "package" 作为目标进行 maven 构建(希望你的是一个 maven 项目),如果构建成功,你将看到一个包含 jar 或 war(取决于您在 pom.xml 中选择的打包选项)文件,它将包含您所有的 angular 和 java 代码并准备好使用
步骤 4) 现在转到您的服务提供商 cpanel(确保您的服务提供商接受 java 应用程序部署而不仅仅是 php,我曾经遇到过这个问题,服务提供商只允许 php 应用程序)并使用此打包的 jar 或 war 文件在提供的服务器上进行部署
我已经使用 angular 框架进行前端开发,并为后端创建了 spring 启动应用程序。为了 运行 我在本地服务器(我的计算机)上的应用程序,我首先 运行 spring 在 eclipse 中启动应用程序并通过 angular cli angular 应用程序。但是如何将我的项目部署和托管到 cpanel?
步骤 1) Angular 构建命令 - "ng build --prod"。这将在您的 angular 项目主目录中创建一个 dist 文件夹,如果您导航到该目录,您将看到资产、index.html、main.xxxxxxxx.js、polyfills.xxxxxxxx.js 和 runtime.xxxxxxxxx.js等将可用
Angular dist folder (miracleApp is my app name, so all files will be under this)
步骤 2) 从 dist 目录复制以上所有文件并将它们粘贴到 java 项目的 src/main/resources 目录
Java Project
步骤 3) 现在使用 "package" 作为目标进行 maven 构建(希望你的是一个 maven 项目),如果构建成功,你将看到一个包含 jar 或 war(取决于您在 pom.xml 中选择的打包选项)文件,它将包含您所有的 angular 和 java 代码并准备好使用
步骤 4) 现在转到您的服务提供商 cpanel(确保您的服务提供商接受 java 应用程序部署而不仅仅是 php,我曾经遇到过这个问题,服务提供商只允许 php 应用程序)并使用此打包的 jar 或 war 文件在提供的服务器上进行部署