1、code-server是什么

code-server是一个能够让你在浏览器上运行VSCode的软件,你可以在你的iPad或者其他设备上上访问VSCode并进行编程。

code-server的GitHub链接

就像……这样

2、搭建一个code-server需要准备什么

搭建一个code-server,首先需要一台云服务器和一个域名,本文章使用centos进行演示。

服务器的选择方面,你可以选择使用阿里云、腾讯云、华为云等,如果不想购买服务器或者懒得搭建,可以选择这些品牌提供的现成的服务,其中不少也是免费使用的。

3、安装宝塔面板

宝塔面板官网中有不同系统的安装命令,我们执行CentOS的命令

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

在过程中可能需要让你确认是否继续,输入y按回车即可。

安装完成之后你会看到一个链接和账户密码,通过那个链接即可访问宝塔面板,注意:可能你的服务器提供商的默认安全组中不允许8888这个默认端口通过,你需要修改安全组放行8888端口,进入面板之后会看到安装选项,我们选择LNMP、极速安装,稍等片刻安装完毕。接下来我们进入设置面板,这里你可以设置用户名、密码、登录端口以及登录的路径。

至此,我们宝塔面板的安装就完成了。

4、下载code-server

在GitHub上我们可以下载最新的版本: https://github.com/cdr/code-server/releases ,在这个页面选择合适的版本,例如我使用的是 code-server-3.4.1-linux-x86_64.tar.gz,下载到电脑之后我们打开宝塔面板-文件,将这个文件上传到root目录下。

5、运行code-server

接下来在命令行里面我们解压刚刚的文件

tar xzvf code-server-3.4.1-linux-x86_64.tar.gz

解压完成之后修改文件夹的名字

mv code-server-3.4.1-linux-x86_64 code-server

接下来修改code-server的配置

cd ~/.config/code-server/
vim config.yaml

点一下i键进入编辑模式,修改为

bind-addr: 0.0.0.0:8080
auth: password
password: 你想要的密码
cert: false

按esc键然后输入:wq后回车保存退出,然后运行code-server

~/code-server/bin/code-server

接下来,在宝塔面板-安全中将8080端口放行,然后访问https://服务器IP:8080就可以访问到code-server的界面了, 注意:可能你的服务器提供商的默认安全组中不允许8080这个默认端口通过,你需要修改安全组放行8080端口

登录界面

至此,code-server就安装完成了。

6、后台运行以及开机自启动

接下来我们配置code-server的后台运行和开机自启动。(如果你的code-server还在运行则使用ctrl+c键停止运行)

cd /etc/systemd/system/
vim code-server.service

点击i键后粘贴以下内容后esc、:wq、Enter保存

[Unit]
Description=code servier
After=network.target

[Service]
Type=simple
User=root
Restart=on-failure
RestartSec=20s
Environment=
ExecStart=/root/code-server/bin/code-server
ExecReload=/root/code-server/bin/code-server

[Install]
WantedBy=multi-user.target

保存完之后我们将这个服务设置为开机自启动

# 开机启动
systemctl enable code-server

# 关闭开机启动
systemctl disable code-server

# 启动服务
systemctl start code-server

# 停止服务
systemctl stop code-server

# 重启服务
systemctl restart code-server

# 查看服务状态
systemctl status code-server

7、设置Nginx反向代理,通过域名访问code-server

我们重新进入宝塔面板,在网站一栏里面我们新建一个网站,域名内填写上已经解析到服务器ip地址的域名,例如:code.example.com

接着直接点击完成即可,接着我们点击已经建好的网站进行管理,选择左侧的反向代理,点击添加反向代理,输入这些内容后点击提交。

点击提交后点击“配置文件按钮”,将里面的所有文本替换为下面这个

#PROXY-START/

  location / { # Or / if hosting at the root.
      proxy_pass http://localhost:8080/;
      proxy_set_header Host $host;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection upgrade;
      proxy_set_header Accept-Encoding gzip;
  }

#PROXY-END/

点击保存后我们就可以直接通过域名访问code-server了

8、配置SSL证书,进行HTTPS访问

还是刚才的管理界面,我们点击SSL一栏,选择 Let’s Encrypt ,勾选好域名之后点击申请,稍等片刻就能自动获得到一个SSL证书,然后将右上角的强制HTTPS打开即可。

9、尾声

最后就是VSCode的各种配置,这里就不展开来讲了,至此,code-server的安装就大功告成了,从此你就可以在iPad上愉快的敲代码了,你的下一台电脑何必是电脑(大雾)。如果你嫌访问过慢,也可以开启CDN服务,这些就自己探索吧,祝折腾愉快!

分类: 服务器管理

0 条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注