AWS部署angular项目

因为本学期课程的原因，有机会接触到AWS服务。在AWS上有很多强大的服务，但由于本人太菜只能使用一小部分的功能。
在这里我就说一说如何在AWS上部署angular项目。EC2的服务器是linux 18.04的版本。

步骤

1. 首先到tomcat官网上下载tomcat压缩包，请选择tar.gz模式，再利用winSCP传到公网实例上。apache-tomcat-8.5.54下载地址
   注意下载的是tar.gz格式的压缩包。
2. 之后连接公网实例，进入相应的目录下采用tar zxvf xxx.tar.gz，解压tomcat文件。
3. 之后去在环境中配置java环境。输入以下命令等待jdk环境进行下载安装。

//二选一
sudo apt install openjdk-11-jre-headless
sudo apt install openjdk-8-jre-headless

4. 在命令行进入本地angular项目，执行以下命令构建项目。

ng -build

构建了项目之后，我们会发现项目目录下新增加了dist文件夹。该文件夹就是我们的构建的项目了。

5. 我们需要对构建的项目之下的文件进行修改。打开dist文件夹下的index.html文件。将head范围下的base标签的href属性修改为“./”。
   
6. 利用WinSCP连接到我们的公网实例，将我们的dist文件夹上传到服务器上的tomcat/webapps目录之下。
7. 连接公网实例，进入到tomcat/bin目录，输入./startup.sh启动tomcat服务。现在我们就能通过tomcat访问到我们的项目了。
8. 注意要设置好公网实例安全组的入栈规则，把端口8080，任意来源的规则加入到其中。不然的话会无法访问项目。

到这里我们的angular项目就部署成功了。当然这样的方法也可以用来部署其它的web项目，比较简单快捷。
如果有什么问题的话欢迎一起讨论。