MENU

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

• May 22, 2020 • 教程

什么是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,一切都像刚刚关闭那样,是不是心动了呢。

Last Modified: May 26, 2020
Archives 下载海报
QR Code for this page
Tipping QR Code