【亚马逊云科技产品测评】活动征文｜AWS Linux配置node环境并部署Vue项目

比眉伴天荒 2024-02-19 10:32 32阅读 0赞

## 前言 ##

> ### 在数字化时代，AWS云服务扮演着至关重要的角色。AWS（Amazon Web Services）是亚马逊公司旗下的云计算服务平台，为全球各地的企业、组织和个人开发者提供了一系列广泛而深入的云服务。 ###
> 
> ##### 在AWS云服务中，计算、存储、数据库、分析、机器学习等核心服务得到了全面覆盖。例如，通过EC2（Elastic Compute Cloud）服务，用户可以轻松地进行扩展和管理虚拟服务器；而S3（Simple Storage Service）则为用户提供了高度持久、可用和可扩展的对象存储。此外，RDS（Relational Database Service）和DynamoDB等数据库服务也为企业级应用提供了强大的数据支持。 #####
> 
> ##### 除了基础设施服务外，AWS还提供了一系列开发工具和平台，帮助开发者更高效地构建、测试和部署应用。例如，AWS Lambda允许开发者无需预置或管理服务器即可运行代码；而AWS Amplify则是一个全面的开发平台，涵盖了身份验证、API管理、数据存储等多个方面。 #####
> 
> ##### 安全性是AWS云服务的另一大亮点。AWS提供了丰富的安全、身份和合规性服务，如IAM（Identity and Access Management）、KMS（Key Management Service）和CloudTrail等，确保用户数据和应用得到充分保护。 #####
> 
> ### 最后，AWS云服务还具备出色的可扩展性和全球化部署能力。通过AWS的全球基础设施，用户可以轻松地将应用部署到全球各地，实现低延迟和高可用性。同时，借助AWS的自动扩展功能，用户能够根据需要灵活调整资源，降低成本并提高运营效率。 ###

## 主题 ##

今天我们的主题，就是在aws linux系统上配置node环境，搭建一个Vue项目，并完成外网的访问。

### 大纲 ###

> 1、登录  
> 2、连接EC2实例  
> 3、配置node、npm环境  
> 4、配置git  
> 5、从github拉取一个Vue项目  
> 6、外网访问Vue项目

## 1、登录 ##

### 1.1、 打开亚马逊云科技（Amazon Web Services）官方网站 ###

网址为[https://aws.amazon.com/][https_aws.amazon.com]

### 1.2、登录 ###

![在这里插入图片描述][dd2147018ce64182bc2d3f8379a7471a.png]  
![在这里插入图片描述][dd2958e1fddd4889af6323b1cba1a230.png]

### 1.3、登录之后进入实例控制台 ###

![在这里插入图片描述][bc965b1876a441ae835650a0767bb14f.png]

## 2、连接EC2实例 ##

点击1.3的【连接】按钮，进入【连接到实例】页面；  
我们直接使用 EC2 Instance Connect 进行连接，点击。  
![在这里插入图片描述][c339912383a9463cbbdba1207024f533.png]  
![在这里插入图片描述][69a77ba54f4744cd8edb6b9f02098a35.png]

## 3、配置node、npm环境 ##

### 3.1、检查aws linux内置包管理工具 ###

通过输入apt、yum，发现内置包管理工具是yum。  
![在这里插入图片描述][6a179ed9d3a8470596d467681130e2a0.png]

> yum（ Yellow dog Updater, Modified）是一个在 Fedora 和 RedHat 以及 SUSE 中的Shell 前端软件包管理器。
> 
> 基于 RPM 包管理，能够从指定的服务器自动下载 RPM包并且安装，可以自动处理依赖性关系，并且一次安装所有依赖的软件包，无须繁琐地一次次下载、安装。
> 
> yum 提供了查找、安装、删除某一个、一组甚至全部软件包的命令，而且命令简洁而又好记。

### 3.2、检查node环境配置 ###

> \[ec2-user@ip-172-31-26-148 ~\]$ node -v  
> \-bash: node: command not found

#### 3.2.1、安装、配置node ####

安装node命令

> sudo yum install -y nodejs

![在这里插入图片描述][9f23070daa78459b903e311c46924162.png]  
![在这里插入图片描述][12593a29e77b456c8c904d9952d79b71.png]

#### 3.2.2、再次检查node ####

再次输入【node -v】，此时显示node版本18.18.2  
输入【npm -v】，此时显示npm版本9.8.1  
代表node、npm已经都配置成功。  
![在这里插入图片描述][76592f5fb64c45e5b4f1fd05698f466b.png]

## 4、配置git ##

### 4.1、安装git ###

输入命令

> sudo yum install -y git

![在这里插入图片描述][88218229c4534b5da5743532650a993e.png]

### 4.2、检查git配置 ###

> \[ec2-user@ip-172-31-26-148 ~\]$ git -v  
> git version 2.40.1

## 5、从github拉取一个Vue项目 ##

![在这里插入图片描述][43e8cdb7df1c41ce883ee2cf30c82f00.png]

### 5.1、进入项目目录 ###

![在这里插入图片描述][9aa5258fbb8c4959ba2183514023aad2.png]

### 5.2、查看安全组 ###

http协议开通了80端口（**aws linux http协议默认就是80，而且修改不了**)  
![在这里插入图片描述][a1d8560a8aa34ea3972afbbe346636e7.png]

### 5.3、修改端口 ###

![在这里插入图片描述][642c1ef6ac3049aca3ca9b98aa5397e4.png]  
![在这里插入图片描述][4a79ab353acf4fda95d0d23b5aca8bb6.png]

### 5.4、启动项目 ###

输入命令

> npm run serve

![在这里插入图片描述][ebfceab63e244174b98a9f08145e58dd.png]

### 5.4.1、解决端口变1024问题 ###

1、nginx或者其他代理软件，把端口转发了，需要去检查端口占用  
**很显然没有被占用**

> lsof -i:80

![在这里插入图片描述][1dd58d2bbd764c8ea116bb4ed6e961e3.png]

2、权限不够，我们在命令前加上：sudo

> sudo npm run serve

![在这里插入图片描述][00a4f340d96943a2a2680928505d825b.png]

## 6、外网访问Vue项目 ##

第5步启动的Vue项目，显示的都是本地、内网地址，我们需要在实例页面查找到外网IP  
访问地址：http://34.216.244.162/\#/  
![在这里插入图片描述][065b2392fcc54fa79534641017971ce0.png]  
![在这里插入图片描述][0e4ccaf2c02747439bc16ba9f766ca0c.png]  
![在这里插入图片描述][e3099882ad2c42cab44c0388dcd6cc5f.png]

## 总结 ##

AWS Linux云服务器在使用过程中特别方便，尤其是yum包管理，非常丝滑，没有遇到问题。不管是配置git，还是node、npm都可以很顺畅的下载安装好。

[https_aws.amazon.com]: https://aws.amazon.com/
[dd2147018ce64182bc2d3f8379a7471a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/b91e95fb241945e794ae668a7b18e005.png
[dd2958e1fddd4889af6323b1cba1a230.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/9bfa17a6efcc4da9b1a7daf7cbc18776.png
[bc965b1876a441ae835650a0767bb14f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/a4432c524ad44b33b49d1cc680ca8fce.png
[c339912383a9463cbbdba1207024f533.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/56f2cc60f41b4b0ab885f755e012b1b7.png
[69a77ba54f4744cd8edb6b9f02098a35.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/27a7bf55040f49bb84eef78549266776.png
[6a179ed9d3a8470596d467681130e2a0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/ca3ba1fdc5d14f7d830c82729e006723.png
[9f23070daa78459b903e311c46924162.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/2c6502ff3d6e497c9f8879393e573f07.png
[12593a29e77b456c8c904d9952d79b71.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/eafb2c6209834ebc82ff0dcefb00c596.png
[76592f5fb64c45e5b4f1fd05698f466b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/4cd7e35a9d214ff78a331c9d0f81bfb0.png
[88218229c4534b5da5743532650a993e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/808b3b5fef8a445db16c7e1a629a8ae4.png
[43e8cdb7df1c41ce883ee2cf30c82f00.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/2ee8c8184dcc4aaa80c21550924e10d9.png
[9aa5258fbb8c4959ba2183514023aad2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/720c5170c76f4c4ab3a41f2e4b557e98.png
[a1d8560a8aa34ea3972afbbe346636e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/67f3cb8794774cd49504664d2c10cd7b.png
[642c1ef6ac3049aca3ca9b98aa5397e4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/3cbe8c37235c49bd98fe994eb5436289.png
[4a79ab353acf4fda95d0d23b5aca8bb6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/42b7df5b237e4ca3bc637a8cf809899a.png
[ebfceab63e244174b98a9f08145e58dd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/5b0fd78992ce43c6add93587a875a3b6.png
[1dd58d2bbd764c8ea116bb4ed6e961e3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/3b33c4c81194456bb2b5d9b76ef0f387.png
[00a4f340d96943a2a2680928505d825b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/36c8a8a0f59646289c7c100a0d74bf24.png
[065b2392fcc54fa79534641017971ce0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/856490a831844451ba9486c7225a862a.png
[0e4ccaf2c02747439bc16ba9f766ca0c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/36efdaf9b10247d28a9a53910f8236bc.png
[e3099882ad2c42cab44c0388dcd6cc5f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/19/b56b34deed0c4255be9e16963982cdcd.png