厦门安能建设公司网站,属于网页制作工具,律师网站建设公司,郑州网站建设优化文章目录 code-server简介code-server的安装与使用code-server的安装code-server的启动code-server的简单启动指定配置启动code-server code-server环境变量配置 code-server端口转发自动端口转发手动添加转发端口 nginx反向代理code-servercode-server打包开发版镜像 GitHub官… 文章目录 code-server简介code-server的安装与使用code-server的安装code-server的启动code-server的简单启动指定配置启动code-server code-server环境变量配置 code-server端口转发自动端口转发手动添加转发端口 nginx反向代理code-servercode-server打包开发版镜像 GitHub官方地址官方下载地址
code-server简介
code-server运行在浏览器上的VSCode。
自VSCode发布以来VSCode就受到了广大程序员的青睐。VSCode丰富的插件能够满足使用者各色各样的需求。但VSCode使用受限于图形化界面的需求只能安装在客户端而不能安装在服务器上。code-server的出现完美的解决了VSCode不能安装在服务端的缺陷。
code-server是一款运行在浏览器界面上的可以安装在任何机器上的VSCode程序code-server不仅继承了VSCode的使用逻辑丰富的插件在VSCode的基础上还提供了更多VSCode所没有的特性满足更多的使用场景和业务需求。
code-server具有以下特性
绿色安装code-server可以通过压缩包解压运行不需要直接安装相比软件包安装的方式更加绿色一次部署终身开箱即用每次安装完VSCode后都需要重新进行VSCode的相关配置安装插件。code-server由于其绿色安装的特性可以将相关配置和插件安装在指定路径这样在机器中需要code-server时只需要拷贝运行即可不需要在额外安装插件进行软件配置服务器部署容器集成code-server只需要部署后其他任何能够访问到部署机器的地方都可以通过code-server访问服务相比传统IDE更容易集成进服务器和容器内进行开发端口转发code-server相比传统IDE和VSCode自带有端口转发功能。通过code-server在服务器因防火墙或容器内等开放端口受限等情况下自动代理转发服务减少额外的端口开放操作。
code-server的安装与使用
code-server的安装
官方下载地址
通过在GitHub上下载code-server解压之后即可使用code-server。GitHub上提供了code-server的软件包安装和压缩包解压方式这里推荐使用压缩包绿色安装方式进行下载方便后期的使用和迁移。这里以4.16.1版本为例进行安装使用。
根据系统环境和CPU架构选择安装包
wget https://github.com/coder/code-server/releases/download/v4.16.1/code-server-4.16.1-linux-amd64.tar.gz解压指定位置
tar -xzvf code-server-4.16.1-linux-amd64.tar.gz --strip-components 1 -C ${target_path}/code-server指定路径解压前通过mkdir -p命令确保指定路径存在--strip-components Number: 解压时清除Number个引导目录一般情况下Number为1表示不包含打包前原目录若无此参数将会解压到${target_path}/code-server/code-server-4.16.1-linux-amd64路径下而不是${target_path}/code-server路径下-C: 指定解压路径
code-server的启动
code-server解压后即可使用。默认的可执行二进制文件在解压位置的bin目录下: ${target_path}/code-server/bin/code-server。执行该文件即可启动code-server。
code-server的简单启动
执行code-server可执行文件启动code-server
${target_path}/code-server/bin/code-servercode-server支持以登录密码的方式启动在网页中访问code-server时。code-server需要读取配置文件判断认证方式实现登录认证。在不指定认证方式和配置文件的情况下首次启动code-server时code-server会自动以密码认证方式生成~/.config/code-server/config.yaml文件。code-server在使用时需要有相应的数据存放路径存放其缓存、配置、插件等文件内容。code-server默认包括user-data用户数据目录和extensions插件存放目录。默认情况下extensions目录在user-data目录下。在不指定数据目录的情况下首次启动code-server时code-server会在~/.local/share/code-server路径中生成需要的文件。code-server在不指定绑定IP和PORT的情况下默认绑定在127.0.0.1:8080端口上可以通过访问127.0.0.1:8080在访问code-server服务。
指定配置启动code-server
在不指定配置文件和数据目录的情况下code-server默认会以~路径下的配置为主。这样在我们进行迁移时还需额外迁移备份其他路径下的文件无法做到一次配置终身开箱即用。所以我们可以在启动code-server时通过指定数据路径将配置文件和数据目录以及插件默认生成在解压缩位置。
code-server支持密码认证为了安全起见code-server不允许在启动时指定密码而是通过写入配置文件的方式执行密码认证。若采用密码认证方式使用code-server需提前新建config.yaml文件。
创建${target_path}/code-server/config.yaml文件并写入
bind-addr: 0.0.0.0:8080
auth: password
password: ${password}
cert: false指定配置启动code-server
nohup ${target_path}/code-server/bin/code-server --auth password --bind-addr 0.0.0.0:8080 --config ${target_path}/code-server/config.yaml --user-data-dir ${target_path}/code-server/user-data --extensions-dir ${target_path}/code-server/extensions ${workdir} --auth: code-server目前只支持[password, none]两种认证方式密码无法通过命令行方式设置需要写入配置文件中--bind-addrcode-server启动服务默认绑定127.0.0.1:8080可以根据实际情况绑定需要的IP和PORT--user-data-dir: 指定code-server默认用户数据目录存放缓存、配置、插件等文件内容。默认路径~/.local/share/code-server--extensions-dir: 插件路径默认情况下在--user-data-dir路径下${work-path}: 工作空间指定的情况下登录code-server后默认打开配置的${work-path}路径
code-server环境变量配置
通过以上方式操作code-server在每次执行时都需要指定具体路径为方便起见可以将code-server路径写入环境变量中方便使用。
在.bash_profile或.bashrc文件中写入以下配置
export PATH${target_path}/code-server/bin:$PATH重载配置文件
source [~/.bashrc | ~/.bash_profile]code-server端口转发
在服务器环境中为了保证安全性一般只会开发部分端口供外网使用。在服务众多而端口有限的情况下可以通过部署code-server即能够通过code-server访问服务端环境进行内部开发也可以使用code-server特有的端口转发功能替代nginx的一部分功能实现服务代理。
code-server支持自动端口转发和手动添加端口转发服务来实现端口转发功能
自动端口转发
在code-server软件中启动的服务code-server都会默认转发该服务到${--bind-addr}/proxy/${source_port}上访问该地址即可访问转发到服务。
手动添加转发端口 在code-server中打开终端在PORTS栏中手动输入需要转发到端口号code-server即可帮助我们转发端口。
nginx反向代理code-server
在具体的使用中有时我们会希望将code-server代理到指定端口或者指定域名上。code-server在使用中需要通过websocket机制进行通信所以在进行nginx代理时需要配置相关配置。
创建code-server.conf文件配置对code-server对代理。
server {listen 80;server_name ${target_domain_name};location / {proxy_pass http://127.0.0.1:8080/;# 代理WebSocketproxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection Upgrade;proxy_set_header Host $host;}
}在nginx.conf文件中引入code-server.conf配置
...http {...include ${code-server_conf_path}/code-server.conf...
}code-server打包开发版镜像
Dockerfile打包文件内容如下
FROM ubuntu:22.04COPY ./code-server /data/code-serverENV PATH/data/code-server/bin:${PATH}WORKDIR /dataEXPOSE 8080
VOLUME [ /data ]CMD [code-server, --auth, password, --bind-addr, 0.0.0.0:8080, --config, /data/code-server/config.yaml, --user-data-dir, /data/code-server/user-data, --extensions-dir, /data/code-server/extensions, /data]在以密码的方式启动code-server时会读取config.yaml文件所以在通过密码认证的情况下建议提前将config.yaml文件存在在导入路径下。通过打包code-server到镜像中的方式 在访问code-server时访问的是容器内部的服务环境更适合对服务端代码进行远程修改不适合直接对服务器环境和Docker环境进行运维等操作
