利用WebIDE实现随时随地云开发

什么是WebIDE

WebIDE 是 一款在线集成开发环境( Integrated Development Environment )。 开发者只需要一个浏览器就可以编写代码,并在WebIDE 提供的终端环境中运行你的代码,让你告别 Local 环境,开启云端开发模式。

搭建自己的WebIDE

其实腾讯爸爸已经给我们搭建好了一个WebIDE，但是我感觉既然是WebIDE肯定要和实际的生产环境相联系比较好，所以在这里推荐给大家Code-Server(可以理解为在线版的VSCode)，接下来教大家如何搭建自己的WebIDE

搭建教程

1.下载Code-Server(GitHub:点我下载)，我们可以下载最新的releases版

wget https://github.com/cdr/code-server/releases/download/v3.3.1/code-server-3.3.1-linux-x86_64.tar.gz

因为我使用的是Centos7.7，所以下载的是x86_64版本

2.下载好了之后，解压，并进入文件夹

tar -xzvf code-server-3.3.1-linux-x86_64.tar.gz
cd code-server-3.3.1-linux-x86_64

3.启动code-server，别忘了开放相关端口

./code-server

4.到这里就大工完成，可以在浏览器输入http://127.0.0.1:8448来访问，如果打不开请参考下面修改配置

(PS:默认密码就在配置文件里面，如果不想有密码访问可以执行./code-server --auth none)

修改配置

Code-Server默认配置在/root/.config/code-server/config.yaml里面

bind-addr: 0.0.0.0:8080 #如果是内网的话可以监听127.0.0.1:8080，外网的话建议监听0.0.0.0:8080，端口号是8080
auth: password
password: 默认密码 #默认是个随机的，这里随便改
cert: false #false不启用sll，true启用ssl，启用的话会提示证书错误，自行解决

绑定域名与隐藏端口

1.绑定域名：直接把域名解析到服务器上就可以了(麻麻说用宝塔更方便哦)

2.隐藏端口：昨天看一个大佬的解决方法是反向代理，把http://127.0.0.1:8448反向代理到域名就可以了

(PS:关于这个反向代理我没研究过，昨天试了几次都失败了，也有可能是我使用Apache的原因)

Code-Server后台运行

看网上的帖子是使用nohup，在这里我建议使用Screen，也方便后期管理

1.安装Screen

yum -y install screen

2.使用screen执行code-server

screen -S code-server
./code-server

3.后期管理

screen -r code-server

Code-server的使用

一切都跟VSCode一样，包括汉化，安装插件等，这就不需要我在多说了吧。

值得一提的是，有了WebIDE之后，你可以随时随地进行开发工作(前提是你有网络和智能设备)，当你关掉网页之后，再换一台设备打开WebIDE，一切都像刚刚关闭那样，是不是心动了呢。