天天看點

ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE

一、開通雲伺服器

詳情請見之前文章【搭建履歷網站】。

二、伺服器管理軟體

管理終端
  • 管理我們的伺服器我們需要通過相關軟體,針對Linux伺服器的管理,這⾥推薦使⽤ Putty。
  • PuTTY 是⾃由的跨平台 Telnet/SSH 用戶端,同時在 Win32 和 Unix 系統下模拟 xterm 終端。其主要作 者是 Simon Tatham。
  • 由 Larry Li維護并開源的中⽂版:
  • 下載下傳位址: https://github.com/larryli/PuTTY/releases
檔案傳輸
代碼編輯
  • 如何編輯相關服務端的⽂件呢?很多⽼⼿會推薦⽤ vim,但是對新⼈來說可視化的Visual Studio Code,可以更⾼效的進⾏代碼編輯和管理。
  • https://code.visualstudio.com/Download

連接配接遠端伺服器

打開putty,操作如下圖所示。

ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE
ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE
ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE

Filezilla的使用

ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE
ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE
ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE

三、安裝Docker容器環境

前言

我們需要安裝⼀下 Docker 和 Docker Compose 來作為應⽤程式運⾏的基礎環境。

通過 Docker 開發者可以将應⽤以及其依賴打包到⼀個輕量、可移植的容器當中,這樣就可以避免依賴和相容性問題,極⼤的降低伺服器環境的部署難度。例如開發者在傳遞⼀個項⽬時隻需要給出 Docker⽅案,⽤戶僅需要⼏⾏指令就可以快速運⾏項⽬。

同時Docker容器完全使⽤沙箱機制,互相之間不會有任何接⼝(類似 iPhone 的 app),實作應⽤間的有效隔離,特别是在⼀些應⽤托管的領域,Docker ⼤⼤提升了安全性。

⽬前雲計算⽣态有⾮常多的産品和⽅案都是圍繞 Docker 和其背後的容器服務展開的,學習 Docker 部

署是很重要的能⼒。

更換作業系統

  • Docker 隻能安裝在 64bit 系統上,Linux 核心越新體驗越好,不建議使⽤早于 2016 年的 Linux

    發⾏ 版。

  • 這⾥建議使⽤ Ubuntu 18.04 LTS 作為運⾏ Docker 的底層系統。

安裝 Docker 環境

我們通過 Putty 連接配接伺服器後

⼀、安裝 Docker 環境

curl -sSL https://get.daocloud.io/docker | sh
           

⼆、安裝 Docker-Compose 環境

其中 1.25.3 可以根據

最新版本

修改

curl -L
https://get.daocloud.io/docker/compose/releases/download/1.25.4/dockercompose-`uname -s`-`uname -m`> /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose
           

按照官方文檔安裝Docker Compose:

https://docs.docker.com/compose/install/

四、部署 Web IDE

介紹

之前我們的三劍客⾥介紹 Visual Studio Code 這款代碼編輯軟體,這⾥我們使⽤ code-server 解決⽅案将 Visual Studio Code 在伺服器中運⾏,這樣我們就可以在浏覽器中使⽤ Visual Studio Code 了。

同時由于其存儲放在伺服器端⽽不是本地,也可以進⾏跨平台操作,在雲上也可以和⼀些産品進⾏應⽤的快速部署。

部署

建立項目檔案夾

mkdir -p /home/coder/project
           

在 Docker 中運作

docker run -it -p 80:8080 --name code -v
"/home/coder/project:/home/coder/project" codercom/code-server:latest
           

Code-server 開始部署

ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE

在 info 的資訊中,有⼀⾏是 Password is xxxx 就是我們的保護密碼,要記住

ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE

在浏覽器中輸入我們的公網 IP http:// 公網ip/,就可以看到運作中的 VSC 了

ECS7 - 打造線上程式設計環境一、開通雲伺服器二、伺服器管理軟體三、安裝Docker容器環境四、部署 Web IDE五、使用 Web IDE

五、使用 Web IDE

Code-Server 的使⽤和 Visual Studio Code⼀緻。

繼續閱讀