SSH远程连接及VScode远程开发

关于服务器初学的全套流程

本篇内容适合服务器小白。学了前端界面之后，是不是感觉界面的编写已经不能满足自己的动手欲望了呢？是不是想自己搭建服务器创建自己的网站呢？ 好， 那么恭喜你看到了这篇博文。这是博主花了半周时间实践出来的经验，以及遇到的各种坑。网上的资料各有版本，如果是一般的错误，百度一下花不了多久，但是有些错误真的找不到出处，可能是各个环节多个疏忽造成的，那花费的时间太长了。希望我下面的博文能帮助各位小白快速学会服务器的基本操作，同时也是为我自己做个总结。

---

接下来的文章主要分三大部分：

• 购买及配置服务器
• Putty远程连接服务器
• VSCode 远程开发

---

一、购买及配置服务器

1、购买服务器（以腾讯云为例）

购买注意：地域选择离自己近的服务器；根据自己需要选择配置（建议新手选配置最低的那个）；机型选择可以是Windows、Ubuntu、CentOS(本文以CentOS为例)。

购买之后进入操作台，可以看到你购买的服务器

服务器配置

1、安全组

刚购买的服务器默认安全组配置都是端口全开的，这样是不安全的，根据自己需求开通对应的端口，具体方法可按此链接操作
添加链接描述

2、创建、绑定SSH密匙

			(1) 点击操作台界面的**SSH密匙**

(2)点击创建密匙,点击确定后会下载密匙到本地电脑

(3) 服务器实例绑定密匙：进入控制台，点击实例，选择需要绑定密匙的服务器，如下图操作：

选择需要绑定的密匙，点击下一步就可

2、SSH连接服务器

2.3 Putty SSH 连接服务器

密码登陆

(1) 准备软件 Putty，获取方式：点此获取
(2) 双击Putty.exe，打开Putty客户端
(3) 在 PuTTY Configuration 窗口中，输入以下内容。如下图所示：

参数举例说明如下：

• Host Name ( or IP address): 云服务器的公网IP
• Port ：云服务器的端口，必须设置为22
• Connect type： 选择“SSH”
• Saved Sessions：填写回话名称，例如 test
  配置 “Host Name” 后，再配置 “Saved Sessions” 并保存，则后续使用时您可直接双击 “Saved Sessions” 下保存的会话名称即可登录服务器。
  (4) 单击【Open】，进入 “PuTTY” 的运行界面，提示 “login as:”
  (5) 在 “login as” 后输入用户名，按 Enter
  (6) 在 “Password” 后输入密码，按 Enter。输入的密码默认不显示。
  登陆完成后，命令提示符左侧将显示当前登陆云服务器的信息
  

密匙登陆（安全系数高，建议）

(1) 准备软件：putty.exe 和 puttygen.exe 软件，获取方式：点击获取
(2) 双击【puttygen.exe】，打开 PuTTy Key 客户端。
(3) 单击【Load】，选择并打开已下载的私钥存储路径。如下图所示：
例如，选择并打开文件名为 david 的私钥文件

(4) 在 PuTTY Key Generator 窗口中，输入密钥名，并设置 PuTTY 用于加密私钥的密码（可选）。设置完成后单击【Save private key】。如下图所示：

(5) 在弹出的窗口中，选择您存放密钥的路径，并在文件名栏输入“密钥名.ppk”，单击【保存】。例如，将 david 私钥文件另存为 david.ppk 密钥文件。如下图所示：

(6) 双击【putty.exe】，打开 PuTTY 客户端。
(7) 在左侧导航栏中，选择【Connection】>【SSH】>【Auth】，进入 Auth 配置界面。
(8) 单击【Browse】，选择并打开密钥的存储路径。如下图所示：

(9) 切换至 Session 配置界面，配置服务器的 IP、端口，以及连接类型。如下图所示：

(10) 单击【Open】，进入 “PuTTY” 的运行界面，提示 “login as:”
(11) 在 “login as” 后输入用户名root(一般都是root)，按 Enter。
(12) 成功登陆

2.2 windows控制终端连接

解释：这步操作是为了VSCode远程连接服务器做的测试准备，要VScode能SSH上服务器，
首先windows能连接上服务器。
(1) Win+R进入控制台；
(2) 输入 ssh，如果显示如下类似就表示电脑已经安装ssh功能

如果发现电脑没有这个功能，就需要网上下载：
添加链接描述

(3) 在已经有ssh功能的情况下，执行ssh-keygen，第一步是将密匙保存到的位置，请记住这个位置，enter一直往下执行，什么都不要输入。如下图就已经生成密匙了。

(4)进入保存密匙的文件夹，打开密匙文件id_rsa.pub，复制里面内容

(5) 服务器环境中添加本地密匙，实现密匙连接。（这一步需要已经连接上服务器，并且进入服务器终端的情况下。以centOS7+Apache系统为例）
输入

cd ~/.ssh/
ls
vi authorized_keys

显示已经添加的密匙，这里需要基本的linux语法进行操作。
ssh-rsa开头的为一个密匙，切记不要误删了某个字符
英文输入法下点击 i进入输入模式，将光标移到文件末尾，粘贴上面id_rsa.pub里面的内容。
然后依次点击 esc，shift+：，wq，然后登记enter保存完成，并退到终端界面。
最后一步重启apache(如果是其他web服务器，请自行搜索重启的命令)：输入

systemctl restart httpd.service

(6) 操作自己本机电脑终端，在终端输入以下代码，@号之前是服务器用户名（没有更改过的话都是root），@号之后是服务器公网IP

ssh root@188.121.123.222

如果执行之后出现下图，说明已经连接上服务器终端

(7) 未能连接，出现的错误类型：

1. Bad owner or permission on…
2. permission denied (publickey,gssapi-keyex,gssapi-with-mic

问题1解决：进入C:\Users\Administrator.ssh 删除目录下的config文件（可能是VScode远程连接配置的原因）
问题2解决：进入云服务器控制台，进入此配置文件

修改以下内容：
PasswordAuthentication 后面改为yes
PermitRootLogin 后面改为 yes（不修改也可以，如果你喜欢以root用户登录的话就可以修改）

2.3 VScode SSH连接服务器

(1) 安装VScode
(2) 安装扩展Remote-SSH
(3) 安装成功后，如下指示操作

(4) 填写要连接的服务器，@号之前是服务器用户名root，@号之后是服务器公网IP

(5) 上一步执行enter，跳出下面界面。点击第一行填写连接服务器的具体信息（注意，这里你们跳出来的配置文件路径都是默认的，
我的默认的路径是 C:\Users\Administrator.ssh\ssh_config，但是我一直没有成功，后来发现重新建个文件夹，把配置写在里面就能连接了。我重建的文件夹如图中C:\ProgramData\ssh\ssh_config。你们可以按我的这种方式来也可以按照本来路径来填写配置）

(6) 如果和我一样自己建文件夹保存配置的，需要修改Remote-ssh的扩展配置：在红框位置写入你新建为文件夹内的ssh_config的路径， 如果不和我一样自检文件夹，用的是默认文件夹的话，就不需要修改。

(7) 好了，不管自建文件夹路径还是默认文件路径，殊途同归。接下来完善ssh_config的内容：这里可以填写多台服务器连接的配置信息，直接在后面添加就行了
参数说明：
Host: 名字随便起，方便自己分辨服务器
HostName: 云服务器公网IP
User: 云服务器用户名
Port: 云服务器端口号，填 22

(8) 设置好ssh-config后，将2.3 中 ssh-keygen生成的 id_rsa和id_rsa.pub复制粘贴到
C:\Users\Administrator.ssh中，最终在文件夹中需要有的文件如下：

(9) 以上配置完成后，右键点击序号1，再点击序号2

新打开一个界面，按照你的环境选择 Linux, Windows,macOS ，我是centOS，就选择Linux。

(10) 如果没有报错，静静等待VScode连接服务器，并加载文件，成功后如下图：

左边工作区是服务器默认访问的文件夹，如果需要加载服务器中其他路径下的文件夹，先点击文件，再点击将文件夹添加到工作区，然后就自己选择文件夹咯。

(11) 如上已经连接并加载了服务器，可以在VScode上对服务器进行开发了。并且数据是是是更新的（服务端修改的数据，vscode上里面会更新，反之亦然）。但是vscode的扩展不是远程分享的，需要将本地安装的vscode扩展同步到云端：

点击序号1，再点击序号2，选择要安装的扩展，点击确定，静等片刻就OK了

如上就是VScode连接服务器的步骤，具体的开发细节，请各位攻城狮自己动手咯，

总结

新的领域就会有新的认知，一切从脚下出发。脚踏实地，选择一个方向不断前行，你已不是这条路的第一批路人，这点你是幸运的，因为你有别人的经验可以借鉴，如果不总结吸收，那么永远不能成为自己的。仰望星空，不要总是低头行走，这样容易迷失方向，既然天有北斗，那定是你的指路明灯。慢慢的，你会发现你要去的那片地域那么广袤，以至于你发现耗尽一生也无法走到边际。
当你越学越发现自己懂得知识越少的时候，正是你眼界慢慢放宽的时候，抓住时机，做一个滚雪球，你不必知道最终能变得多大，但生活也别想停止你的步伐。

如有疑问或者校正，请邮箱联系：18856496324@163.com