华为云耀云服务器L实例-前后端系统部署——前端篇

创建华为云耀云服务器L实例。在控制台界面上,选择ECS(云服务器)服务,然后点击创建实例。根据需求选择服务器的地域、可用区、操作系统等配置信息,并设置访问密码。

配置安全组规则。为了保证服务器的安全,需要设置相应的安全规则。在控制台上,选择安全组的配置项,点击“添加规则”按钮并根据需要开放前端所需的端口,如HTTP端口80和HTTPS端口443。

连接云服务器。通过SSH工具,可以使用命令行方式连接到新创建的云服务器。根据操作系统的不同,可以使用不同的SSH工具进行连接(例如Windows系统可以使用PuTTY,Linux和Mac系统可以使用终端窗口)。

上传前端项目代码。将前端项目的代码上传到云服务器上,在控制台中找到文件上传的入口,选择你的前端项目文件,并上传到云服务器指定的目录下。

构建和部署前端应用。运行相关命令,安装项目所需的依赖包,并构建前端应用。然后,将构建后的文件通过Web服务器配置进行部署。

验证部署结果。通过浏览器访问云服务器的公网IP地址或域名,验证前端应用是否成功部署。如果一切顺利,你将能够在浏览器中看到你的前端应用的页面。

下面将展示一个本人所完成的简单项目前端在云服务器上的部署,并通过tomcat实现在其他主机上的访问,以实现web项目的发布。

例如这是一个简单web项目:教室管理系统的idea界面,点击右上方的Maven键

首先通过Xshell连接服务器,创建新的目录test,用于存放war文件。

弹出tomcat官网,这并不代表项目未部署,回到Xftp,查看webapps中的文件名

将前端应用程序部署在华为云耀云服务器L实例上后,通过上传到网页中,可以轻松地通过网络访问这些应用程序。这意味着其他主机或设备可以通过浏览器直接访问并使用这些应用程序。多个用户可以同时访问同一个网页,并通过使用相同的应用程序进行协作和数据交互,极大地提升了应用程序的可访问性、共享性和跨平台兼容性。这样的部署方式为用户提供了更加灵活、便捷和高效的使用体验,也为团队协作和远程工作提供了支持。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注