准备事项
- 1.在linux 安装宝塔
- 2.安装nginx(宝塔默认nginx会监听443 ssl的端口)
- 3.申请一个域名(可以在ClouDNS申请一个免费的二级域名)
- 4.购买一台云服务器,或者有一个固定ip也可,配置DNS的A地址域名解析到这个固定ip中
步骤
1.创建一个空白的php网页,具体的做法如图:![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/7243cc04ac5749ffbde8ff9e355056a0.png)
2.启动code-server
- code-server 安装:根据 https://github.com/coder/code-server 进行安装需要的版本,我使用的方式是:
// 先执行
curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
// 再执行
curl -fsSL https://code-server.dev/install.sh | sh
- 第二种方法是:按照 https://coder.com/docs/code-server/install#debian-ubuntu 网页说明进行安装
-
启动code-server: screen code-server (采用后台的方式启动code-server)
-
只有首次启动code-server之后会在 .config/code-server/config.yaml生成一个配置文件,可以配置端口和ip,将ip设置为0.0.0.0,以及登录的密码也是在config.yaml文件中
-
不要对外开放这个端口,后面对之前设置的网站设置反向代理会用到
3.设置开启的上面空白端口的ssl配置![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/c2c4996819374281b802d096c73cece8.png)
- 选择上图的未部署按钮,就会打开创建ssl的界面
- 选择测试证书
- 目前已知的创建证书需要在宝塔平台实名认证,Lets Encrypt证书申请需要域名进行备案才行
- 到目前为止,打开这个域名,用https查看是否正常,正常应该是打开一个默认的网页
4.配置code-server的反向代理
- 点击设置按钮
- 选择反向代理页签
- 添加反向代理
- 按照上面的图示进行配置
- 打开配置文件,进行配置,配置如下图
- 具体的配置文件如下:
#PROXY-START/
location ^~ /
{
proxy_pass http://0.0.0.0:8080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header Upgrade $http_upgrade;
# proxy_set_header Connection $connection_upgrade;
proxy_http_version 1.1;
# proxy_hide_header Upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
add_header X-Cache $upstream_cache_status;
#Set Nginx Cache
set $static_fileCZ0BiJoM 0;
if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )
{
set $static_fileCZ0BiJoM 1;
expires 1m;
}
if ( $static_fileCZ0BiJoM = 0 )
{
add_header Cache-Control no-cache;
}
}
#PROXY-END/
- 至此,整个的配置已经完成,打开域名就能看到code-server的登录界面了
存疑点
- 1.在反向代理的时候,code-server设置的是localhost的ip是不行的,必须是0.0.0.0 才可以
实际成功参考网页
- https://www.fuuuy.cn/archives/477.html