天天看點

打造線上程式設計環境

本章内容出自《7天學會ECS》電子書, 點選下載下傳完整版

打造線上程式設計環境

打造自己的線上程式設計環境,使用Coding WebIDE來實作線上的IDE,以便我們在不友善使用本地編輯器的時候可以使用線上編輯器來進行我們的線上編輯操作。

使用容器服務

容器服務簡化了容器管理叢集的搭建工作,整合了阿裡雲虛拟化、存儲、網絡和安全能力,是Docker雲端最佳運作環境。

我們使用鏡像市場中自帶Docker容器的鏡像。

打造線上程式設計環境
打造線上程式設計環境

執行個體停止後點選更換作業系統

打造線上程式設計環境
打造線上程式設計環境
打造線上程式設計環境

部署 Web IDE

Coding WeblDE

是Coding自主研發的線上內建開發環境(IDE)。使用者可以通過WebIDE建立項目的工作空間,進行線上開發,調試等操作,同時WebIDE內建了Git代碼版本控制,支援絕大部分Git托管。

下面開始教程:

1.使用PuTTY作為傳輸終端

PuTTY是自由的跨平台Telnet/SSH 用戶端,同時在Win32和Unix 系統下模拟xterm終端。其主要作者是Simon Tatham。

由Larry Li維護并開源的中文版:

下載下傳位址:

https://github.com/larryli/PuTTY/releases

打開Putty.exe

打造線上程式設計環境

在Putty中配置IP并儲存一個新的會話

打造線上程式設計環境

輕按兩下儲存的會話,輸入密碼後即可登入SSH

打造線上程式設計環境

運作下面的代碼以安裝容器化的WebIDE(在指令行界面點選右鍵即可粘貼并運作):

git clone

https://git.coding.net/coding/WebIDE.git
打造線上程式設計環境

cd WebIDE

./ide.sh docker run

打造線上程式設計環境

容器服務運作完成

打造線上程式設計環境

2.在浏覽器中輸入IP位址和端口,即可進入WebIDE的界面

打造線上程式設計環境

使用WebIDE

我們這裡使用在Github的一個DEMO來示範如何操作

1、登入後我們先檢視一下IDE的公鑰,點選Show public key:

打造線上程式設計環境
打造線上程式設計環境

2、在Github的Settings中添加公鑰

打造線上程式設計環境

3、将Github倉庫的ssh位址複制到WebIDE中,點選Creating

打造線上程式設計環境
打造線上程式設計環境

4、點選open打開ecsdemo

打造線上程式設計環境

5、建立一個readme.md檔案

打造線上程式設計環境

寫一句Hello World

打造線上程式設計環境

儲存後課在版本中進行送出

打造線上程式設計環境
打造線上程式設計環境

确認後再點選推送

打造線上程式設計環境

6、在Github倉庫中即可看到推送過來的檔案

打造線上程式設計環境