2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 阿里云服务器+nginx部署前端项目的全部流程

阿里云服务器+nginx部署前端项目的全部流程

时间:2023-01-15 12:23:53

相关推荐

阿里云服务器+nginx部署前端项目的全部流程

1. 阿里云服务器(此处阿里云服务器为新人免费体验,但是新人免费体验后就无法享受后续新人购买福利了,因此后续我购买了腾讯云)

步骤一:由于此处已经购买好服务器不再演示购买过程,首先进入阿里云控制台->实例,此处可以查看到运行状态和公网ip。

步骤二:给实例设置密码,注:此处设置的密码后续部署会用到。

步骤三:需要配置一下安全组,通过手动添加如:80,443等,否则到时候使用公网IP访问的时候会出现访问不到的情况。

2. 下载xshell和xftp

xshell下载地址:xshell

点击下图中免费授权页面可以进入下载xshell和xftp,具体操作步骤可查看xshell和xftp免费下载链接

新建会话窗口,这里ip为阿里云服务器中的公网ip,然后点击确定

双击所有会话中的名称,弹出SSH用户名弹窗,用户名默认为root。

输入实例创建时输入的密码(注:阿里云使用xshell登陆时可能出现密码框为灰色,解决办法第4小点列出

点击确认后出现如下图表明创建成功

解决阿里云使用xshell登陆时可能出现密码框为灰色

这里我们需要进入阿里云控制台,控制台->实例,点击远程连接,然后登录。此处可能需要你设置一个密码。

登陆后,将命令vim /etc/ssh/sshd_config输入会话框。

回车后,按下i键可以对下面内容进行编辑。修改最后一项为yes:PasswordAuthentication yes。接着按下esc,然后:wq退出并保存。然后重启sshd服务systemctl restart sshd.service然后重新登陆此时,已经可以输入密码了!!!

3.nginx的安装

运行以下命令,安装Nginx相关依赖。

yum install -y gcc-c++yum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-devel

运行wget命令下载Nginx 1.21.6。

您可以通过Nginx开源社区直接获取对应版本的安装包URL,然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如,Nginx 1.21.6的下载命令如下:

wget /download/nginx-1.21.6.tar.gz

运行以下命令,解压Nginx 1.21.6安装包,然后进入Nginx所在的文件夹。

tar zxvf nginx-1.21.6.tar.gzcd nginx-1.21.6

检查平台安装环境。

./configure --prefix=/usr/local/nginx

编译源码

make && make install

执行下面命令,然后将公网ip输入到浏览器,如下图所示表明服务成功

/usr/local/nginx/sbin/nginx

如果出现下面这种情况说明端口被占用。

查看一下服务运行状态:

ps -ef | grep nginx

可以看出端口已经运行,因此需要停止服务:kill 18317

最后重启服务运行:

/usr/local/nginx/sbin/nginx/usr/local/nginx/sbin/nginx -s reopen

4.上传静态资源

点击图中的图标会打开xftp

在目录/root中建立一个空文件夹用来存放静态资源

这里直接将前端打包好的项目复制到新建的文件夹中

5.配置nginx

此时如果想你前端文件能够被访问到,需要修改一下nginx配置项文件。执行下面命令可访问配置项文件:

vim /usr/local/nginx/conf/nginx.conf

xshell中配置项文件需要修改的内容如下,按下i进行编辑:

修改完配置,esc退出编辑,:wq保存退出。

最后重启一下服务即可。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。