纯前端进阶Linux

220 阅读5分钟

一、安装Linux系统

选用centos7 CentOS-7-x86_64-DVD-2009.iso 使用VMWare虚拟机进行安装

  1. 点击新建,选择继续 image.png
  2. 选择下载好的ISO镜像,选择继续 image.png
  3. 选择传统BIOS,选择继续 image.png
  4. 点击完成,并储存 image.png
  5. 开机后选择第一个Install,然后回车,等待跑码完成。 image.png
  6. 跑码完成后会进入这个配置页面,选择中文或者自己喜欢的语言,点击继续。 image.png
  7. 这个页面需要等一会在进行操作,等这些黄色警告都变成可操作的时候进行操作 image.png 点击软件选择 image.png 根据自己的需要进行选配,点击左上角完成 image.png 点击安装位置,一定要看到这里有对勾,然后点击完成 image.png 点击网络和主机名,打开然后点击完成 image.png 最后在最开始的主界面,点击开始安装 image.png 安装过程中可以点击ROOT密码进行密码设置,然后点击完成,最后等待界面安装完成,点击重启 image.png image.png image.png 重启后选择第一个直接回车 image.png 输入用户名 root回车输入密码 回车 image.png 等到这一步,我们的Linux算是安装完成 image.png 基础目录可以 cd / 回车 ls 进行查看 image.png

二、本地本地进行远程连接

  1. 使用ip addr命令或者直接在虚拟机列表查看ip image.png image.png
  2. 打开本地终端,输入ssh root@你的ip,输入yes,紧接着输入密码,变成最后一张图,就说明你登录成功了。 image.png image.png image.png
  3. 同样输入cd / 回车 ls 进行查看基础目录 image.png

注意: 如果你重装了你的Linux系统,再次进行远程连接的时候会报错,此时你应该执行,ssh-keygen -R <你的ip> 进行重置ssh image.png

三、安装Nginx

  1. 配置EPEL源
    sudo yum install -y epel-release
    sudo yum -y update
  2. 安装Nginx
    sudo yum install -y nginx
    安装成功后,默认的网站目录为: /usr/share/nginx/html
    默认的配置文件为:/etc/nginx/nginx.conf
    自定义配置文件目录为: /etc/nginx/conf.d/
  3. 开启端口 80 和 443
    如果你的服务器打开了防火墙,你需要运行下面的命令,打开 80 和 443 端口。
    sudo firewall-cmd --permanent --zone=public --add-service=http
    sudo firewall-cmd --permanent --zone=public --add-service=https
    sudo firewall-cmd --reload
    开启指定端口 sudo firewall-cmd --zone=public --add-port=端口/tcp --permanent
  4. 操作Nginx
    启动Nginx systemctl start nginx
    停止Nginx systemctl stop nginx
    重启Nginx systemctl restart nginx
    查看Nginx状态 systemctl status nginx
    开机启动Nginx systemctl enable nginx
    禁止开机启动Nginx systemctl disable nginx
  5. 启动Nginx之后,此时你可以在你本机的电脑输入你虚拟机的ip,如果能看到这个页面说明你的Nginx运行成功了 image.png

四、实践Nginx

  1. 首先在服务器的home文件夹下使用mkdir 文件名 新建一个目录
  2. 在本地写一个比较花哨的纯html页面,打开文件对应的终端执行 scp ./文件名 root@服务器ip:服务器路径(/home/新建的文件名)
  3. 根据提示输入服务器密码
  4. 去服务端查看文件 image.png
  5. 配置Nginx,可以看到默认的Nginx是80端口指定到了root对应的html文件 image.png 我们可以重新开辟一个server或者在当前server下配置一个location指定到我们刚刚创建的目录 image.png
  6. 重启Nginx systemctl restart nginx
  7. 在本地访问虚拟机,就可以正常看到页面啦~ 如果提示403,则需要vi /etc/selinux/config 将文件中修改 SELINUX=disabled

注意: 如果需要配置多个location,其他的location不能使用root,要使用alias image.png

四、安装docker

  1. 设置仓库sudo yum install -y yum-utils \ device-mapper-persistent-data \ lvm2
  2. 使用阿里云镜像镜像安装 sudo yum-config-manager \ --add-repo \ https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
  3. yum makecache fast
  4. 安装最新版本的 Docker Engine-Community 和 containerd sudo yum install docker-ce docker-ce-cli containerd.io docker-compose-plugin
  5. 运行命令,查看docker是否安装成功 docker version
  6. 查看防火墙状态 systemctl status firewalld 关闭防火墙 systemctl stop firewalld 开机禁止启动防火墙 systemctl disable firewalld 查看防火墙状态 systemctl status firewalld
  7. 启动docker sudo systemctl start docker 关闭docker sudo systemctl stop docker 重启docker sudo systemctl restart docker 查看docker状态 sudo systemctl status docker
  8. 配置docker镜像,这里使用阿里云镜像 cr.console.aliyun.com/cn-hangzhou…
    sudo mkdir -p /etc/docker
    sudo tee /etc/docker/daemon.json <<-'EOF' { "registry-mirrors": ["https://hgmj2w0b.mirror.aliyuncs.com"] } EOF 
    sudo systemctl daemon-reload 
    sudo systemctl restart docker
    

五、docker实践

  1. 首先在需要打包一个前端项目或者一个html文件,将这个文件复制到服务器的home目录下
    image.png
  2. 去服务器查看文件是否上传成功 image.png
  3. 创建Dockerfile文件和nginx.conf文件,进行配置 定制的镜像都是基于 FROM 的镜像,这里的 nginx 就是定制需要的基础镜像。 RUN 相当于在docker运行shell命令,在这里相当于创建了一个app文件夹 COPY 就是复制命令,这个文件我们后面是要复制到服务器的,因为我们复制到服务端的文件夹叫fuwenben,所以就相当于是从fuwenben文件夹复制到docker容器的app文件夹 nginx.conf需要复制到docker容器的nginx目录 image.png image.png
  4. 接下来将这两个在本地创建好的文件复制到服务器 image.png
  5. 接着在服务器进行查看这两个文件 image.png
  6. 在当前目录运行docker build -t 包名(fuwenben) .,运行完之后执行docker images查看镜像列表 image.png
  7. 接着执行 docker run -d -p 3333:80 包名(fuwenben) 端口映射规则就是相当于把本机3333端口映射到docker容器的80端口
  8. 接着执行docker ps 查看当前运行的容器 image.png
  9. 看到运行容器后,在本机电脑可以输入ip:端口号进行预览 image.png

先到这里啦,后续继续进行一些自动化部署的学习。