自己动手搭建网站：electerm远程连接云服务器，部署环境并发布第一个静态页面

编程入门行业动态更新时间:2024-10-23 01:32:18

上篇写了云服务器和域名的选购，这篇接上篇，记录一下如何远程连接云服务器，并发布第一个静态网页，环境部署在另一篇博文里：

Linux（CentOS7）下配置jdk8及tomcat8，以及配置环境变量出错的问题

系列文章：自己动手搭建网站系列总目录

1、electerm相关介绍及下载安装

云服务器实际的硬件放在外地的机房里，就是我们选购服务器时提示的地域，显然我们不可能直接跑机房里操作这台服务器，那么怎么管理云服务器上的内容呢？这就需要通过远程连接云服务来实现对其的进一步管理。

连接远程服务器需要工具，经过前辈们的不懈爆肝，这类工具已经很多了。electerm是其中还不错的一款，当然，目前比较欢迎的应该是xmanager和Termius。博主为什么用electerm呢，一是因为这是个开源工具，二是听说这玩意是国人大佬开发维护的，所以想尝试下。评价就是虽然打开时可能有点卡顿的小问题，但是总体还是挺不错的，基本能满足博主的需求。官方介绍是这样的：electerm是一个跨平台的Terminal/SSH/SFTP客户端工具，同时支持Linux、MacOS、Windows，基于electron/ssh2/node-pty/xterm/antd/subx等开源组件。

说了这么多，直接上项目GitHub链接：https://github/electerm/electerm

因为GitHub日常鸽，这里再贴个国内镜像：
https://gitee/github-zxdong262/electerm?_from=gitee_search

它会不时更新，我用的版本暂时是下面这个
https://github/electerm/electerm/releases/tag/v1.20.10

2、用electerm远程连接云服务器

下载安装好后打开，可能会有点卡，不要慌，都是正常现象
打开后大概是下面这个样子的：

点击箭头所指的地方，出现如下界面，首次连接远程服务器时有几个地方要填一下

主机地址，用户名，密码，端口
主机地址：就是买的云服务器的公网ip，如果是阿里云买的服务器的话产品控制台就可以看到，如下图，其它地方买的也差不多，仔细找找就行。如果是想连虚拟机下的系统的话，就得通过相关命令（ip addr show)查看内网IP。

用户名，填root或者你自己设置/添加的用户名，密码就是你买云服务器时自己设置的密码，不记得或没设置的可以找到相应界面重设实例密码，这个我上篇提到过，端口默认填22，如果是在阿里云买的服务器记得按照上篇的指引设置安全组规则，把端口打开，不然连不上，其它地方买的服务器应该也是类似的。
上篇：自己动手搭建网站：域名和云服务器选购

其它地方都可不动，翻到最下方，点击保存并连接即可。如果一切正常，稍等一会后就会显示如下界面：

这样就行了，在这个界面可以通过命令行方式管理远程服务器，点击上方的sftp可以在本机和远程服务器间互传文件：

3、上传我的第一个网页

上篇说过，我的服务器装的是centos7，至于怎么在centos7下配置jdk和tomcat，开头的那篇文章也写了。
所以接下来要做的事情很简单，写个静态页面传上去然后开启一下tomcat就行了。

搞个简单的静态网页，保存为index.html （直接用笔记本保存一下就行）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个网页</title>
</head>
<body>
    <h1> Welcome to my web!</h1>
    <p>这是我的第一个静态网页。三年之期已到，龙王...</p>
</body>
</html>

在服务器上找到Tomcat的安装目录，找到它下面的webapps目录，进入到里面

我这里没改tomcat原来的东西，直接用命令：mkdir test 在webapps下创建了一个test文件夹，然后把刚才那个页面传上去，再启动tomcat
在浏览器里输入服务器ip:8080/test/
（因为域名还没备好案，所以直接用服务器ip加端口的形式访问网站，后面备案好了可以绑定服务器ip，通过域名访问）

出现如下界面，okk,第一个网页创建成功！！！