searchusermenu
  • 发布文章
  • 消息中心
点赞
收藏
评论
分享
原创

搭建code-server实现随时随地coding

2023-10-07 09:12:40
196
0

前言

在Windows做发开的时候,通常遇到字符编码,代码构建环境等问题,不得不使用WSL或者虚拟机等方式来作为开发环境;vscode 是微软开源的一个跨平台开发IDE,能够支持多种操作系统;vscode-remote 是官方提供的连接源端服务器的方案,能够通过SSH的方式访问源端代码进行开发。 coder.com 提供了一个在浏览器里面"运行"vscode的一个开源方案--code-server,本文将介绍如何使用code-server搭建开发环境实现随时随地进行编码。

环境准备

为了部署code-server应用,需要在购买如下云上资源:

资源 数量 说明
Linux弹性云主机 1
  • 弹性云主机,用于搭建开发环境, 示例使用Ubuntu
  • 安装code-server及相关软件
  • 保存开发的代码, 代码的构建环境等
弹性IP 1
  • 弹性IP,绑定到云主机上,用于公网访问
域名 1
  • 公网域名,通过域名进行访问
弹性负载均衡 1
  • 可选,如果要实现高可用,建议选购

下载code-server

code-server在github上开源,下载最新的发行版本 github.com/coder/code-server/releases

安装部署

将上面下载的debian 安装包拷贝到服务器, 然后运行如下命令安装

sudo dpkg -i code-server_4.17.1_amd64.deb

sudo systemctl enable code-server@$USER.service

准备code-server的配置文件,设置登录密码

# cat ~/.config/code-server/config.yaml
bind-addr: 127.0.0.1:8060
auth: password
password: my_own_passwd
cert: false

重启服务

sudo systemctl restart code-server@$USER.service

就这样简单的步骤,服务就部署好了。 

设置代理

这里使用nginx作为web proxy,配置证书(可以在域名备案后申请免费证书,一年有效期)


    server {
        listen 443 ssl http2;
        ssl_certificate /etc/nginx/ssl/certs/gogs.ctyun.dev.crt;
        ssl_certificate_key /etc/nginx/ssl/private/gogs.ctyun.dev.key;
        server_name gogs.ctyun.dev;

        proxy_read_timeout 3600;
        proxy_connect_timeout 3600;
        proxy_send_timeout 3600;

        # root /var/www/html;

        # Add index.php to the list if you are using PHP
        # index index.html index.htm index.nginx-debian.html;

        location / {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            #try_files $uri $uri/ =404;
            proxy_pass  127.0.0.1:8060/;
            proxy_set_header Host $host;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection upgrade;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Accept-Encoding gzip;
        }

    }

访问验证

配置好了过后,就能够通过浏览器访问vsode了

输入密码,就出现经典的vscode界面了。

可以通过离线的方案安装vscode插件来扩展vsode的功能, 使其成为强大的IDE。

0条评论
0 / 1000
l****n
6文章数
0粉丝数
l****n
6 文章 | 0 粉丝
原创

搭建code-server实现随时随地coding

2023-10-07 09:12:40
196
0

前言

在Windows做发开的时候,通常遇到字符编码,代码构建环境等问题,不得不使用WSL或者虚拟机等方式来作为开发环境;vscode 是微软开源的一个跨平台开发IDE,能够支持多种操作系统;vscode-remote 是官方提供的连接源端服务器的方案,能够通过SSH的方式访问源端代码进行开发。 coder.com 提供了一个在浏览器里面"运行"vscode的一个开源方案--code-server,本文将介绍如何使用code-server搭建开发环境实现随时随地进行编码。

环境准备

为了部署code-server应用,需要在购买如下云上资源:

资源 数量 说明
Linux弹性云主机 1
  • 弹性云主机,用于搭建开发环境, 示例使用Ubuntu
  • 安装code-server及相关软件
  • 保存开发的代码, 代码的构建环境等
弹性IP 1
  • 弹性IP,绑定到云主机上,用于公网访问
域名 1
  • 公网域名,通过域名进行访问
弹性负载均衡 1
  • 可选,如果要实现高可用,建议选购

下载code-server

code-server在github上开源,下载最新的发行版本 github.com/coder/code-server/releases

安装部署

将上面下载的debian 安装包拷贝到服务器, 然后运行如下命令安装

sudo dpkg -i code-server_4.17.1_amd64.deb

sudo systemctl enable code-server@$USER.service

准备code-server的配置文件,设置登录密码

# cat ~/.config/code-server/config.yaml
bind-addr: 127.0.0.1:8060
auth: password
password: my_own_passwd
cert: false

重启服务

sudo systemctl restart code-server@$USER.service

就这样简单的步骤,服务就部署好了。 

设置代理

这里使用nginx作为web proxy,配置证书(可以在域名备案后申请免费证书,一年有效期)


    server {
        listen 443 ssl http2;
        ssl_certificate /etc/nginx/ssl/certs/gogs.ctyun.dev.crt;
        ssl_certificate_key /etc/nginx/ssl/private/gogs.ctyun.dev.key;
        server_name gogs.ctyun.dev;

        proxy_read_timeout 3600;
        proxy_connect_timeout 3600;
        proxy_send_timeout 3600;

        # root /var/www/html;

        # Add index.php to the list if you are using PHP
        # index index.html index.htm index.nginx-debian.html;

        location / {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            #try_files $uri $uri/ =404;
            proxy_pass  127.0.0.1:8060/;
            proxy_set_header Host $host;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection upgrade;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Accept-Encoding gzip;
        }

    }

访问验证

配置好了过后,就能够通过浏览器访问vsode了

输入密码,就出现经典的vscode界面了。

可以通过离线的方案安装vscode插件来扩展vsode的功能, 使其成为强大的IDE。

文章来自个人专栏
开发工具集
4 文章 | 1 订阅
0条评论
0 / 1000
请输入你的评论
0
0