程序员成长-修炼中心 「作者:陈楚城」
导航
博客文章
  • Github (opens new window)
  • 掘金 (opens new window)
组件库 (opens new window)
关于我

chamberlain

前端持续学习者
导航
博客文章
  • Github (opens new window)
  • 掘金 (opens new window)
组件库 (opens new window)
关于我
  • 写在前面
  • vue3学习总结

  • 项目相关

  • 性能优化

  • 你不知道的css

  • 常见问题总结记录

  • 数据结构与算法

  • 设计模式

  • TS & JS进阶

  • Node

  • HTTP

  • Linux

  • 开发工具篇

  • 收藏夹

  • OS

  • Nginx

  • 项目工程化

  • 数据库

  • 计算机网络

  • 环境搭建、项目部署

    • 利用Xshell更新前端项目
      • 基础知识
      • 登录账户
      • 备份文件
      • 备份
      • 解压文件
      • 如何使用本地电脑作为服务器http-server
    • gitlab-CICD自动化部署
  • 常用工具

  • 自动化

  • js相关

  • QA相关

  • 文章收藏

  • note
  • 环境搭建、项目部署
chamberlain
2022-05-28
目录

利用Xshell更新前端项目

# 利用Xshell更新前端项目

前端如何自己更新项目呢? 本文将将介绍在没有运维同事同事的情况下,如果自己用xshell进行前端项目部署~

用户xxxx 密码xxx

用户root 密码xxx (拥有最高操作权限)


test dfnoisdff sdfhsdfdfsdjf sdfsdjfo

信通外网 - 远程服务器地址:

xx.xx.xx.xx  端口xx
1

# 常用命令

# 切换当前所在目录 cd / 表示切换到根目录   ..表示切换到到上一级目录 ~ 表示切换到用户目录;   /home切换到home目录
cd

# 移动和重命名文件 把a文件重命名为b文件
mv a b  

# 由于shell 在间隔一段时间后,对自动断开与远程服务器的链接,所以需要输入reconnect 重新lina
reconnect 

# 创建目录content
mkdir content

#ls命令可以查看文件的详细信息
ls

# 删除content目录以及它所包含的全部内容
rm -rf content 
# 删除文件
rm afile


# clear 清除画面、地址栏的历史记录、本地Shell命令提示的命令历史记录
clear

# 文件上传
rz

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
  • 免费版本工具下载:链接 (opens new window)

# 基础知识

作用:XShell可以在Windows界面下来访问远端不同系统下的服务器,从而比较好的达到远程控制终端的目的。它支持 RLOGIN、SFTP、SERIAL、TELNET、SSH2 和 SSH1,可以非常方便的对Linux主机进行远程管理。

掘金文章:安装配置教程 (opens new window)

# 登录账户

#切换到root账户
su
# 输入密码
xintong.2021
1
2
3
4

# 备份文件

    1. 上传文件

打包文件上传到要部署的服务器

方法一(XShell6)

#上传文件 ( 进入到/opt/app-service/zeen-safe-web-html  目录,然后拖动文件进来 )
rz 
#选择文件上传
1
2
3

方法二

#如果不是root,要给用户赋予上传的权限
chown -R 用户 ./
#scp方式上传
scp [filename] [user]@[ip] 远程传输文件
scp -r ./* root@ip:/opt/app-service/目录
#输入root账号密码
1
2
3
4
5
6

# 备份

  • /opt/app-service/zeen-safe-web-html 管理平台前端静态代码
  • /opt/app-service/zeen-safe-web-h5 驾驶舱静态代码

其中dist为静态文件夹,backup为备份目录(务必备份)

#删除backup中的备份文件
cd backup
rm -rf dist0530 
1
2
3
#备份  mv dist/ backup/dist+
mv  dist/ backup/dist+日期    
1
2
# 由于dist.zip下面还有一个dist文件
mv dist.zip.0 dist.zip
1
2

# 解压文件

# 加压dist.zip 这个压缩文件夹
unzip dist.zip

1
2
3

# 如何使用本地电脑作为服务器http-server

很多情况下,需要在本地开启http服务器。所以就需要一个好用的http服务器。

**介绍:**http-server是一个简单的零配置命令行http服务器,它对于生产使用来说是足够强大的,但是它的测试,本地开发和学习足够简单易用。

**前提:**安装node.js ( 全局安装 )

npm install http-server -g
1

**方法:**不用配置直接在当前文件件cmd,就能够使用,简单易用,轻松方便

  • github地址 (opens new window)

在windows 进入dist(静态资源)目录下,进入命令控制台

# 启动服务
http-server -p "IP+PORT"
1
2
更新时间: 6/10/2022, 3:50:54 PM
计算机网络
gitlab-CICD自动化部署

← 计算机网络 gitlab-CICD自动化部署→

最近更新
01
02
网站
06-10
03
nav
06-09
更多文章>
Theme by Vdoing | Copyright © 2019-2022 chamberlain | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式