<div style="text-align: right; background-color: #f5f5f5; padding: 4px 12px; border-radius: 5px; display: inline-block; float: right; font-size: 1.4rem;">
Last Updated:2025/07/01
</div>
# Application – Code Server
[TOC]
<br>
<div style="border: 1px solid #B7B7B7; padding: 0.8rem 1rem; border-radius: 5px; color: #333; background: #F8F8F8">
<strong><h2> 前情說明</h2></strong>
<p></p>
由於 Open OnDemand(OOD)的使用限制,**同一時間僅能啟動一個互動式資源**。
若欲啟動新的資源,請先刪除現有的 Interactive Session,再進行下一個資源的啟動操作。
</div>
<br>
## 登入 Open OnDemand
1. 請在您慣用的瀏覽器中,輸入以下任一網址以開啟 Open OnDemand 登入頁面:
- https://f1-stn01.nchc.org.tw/
- https://f1-stn02.nchc.org.tw/
2. 將看到以下登入介面,請輸入您於 **創進一號(F1)** 的 **主機帳號** 與 **密碼** 完成登入。
<font color="blue">➤ **若您忘記主機帳號,可前往 [iService 主機帳號查詢教學](https://man.twcc.ai/@f1-manual/iService)**</font>

:::danger
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> **注意:**
為確保安全性,**登入網頁會有時效限制**,若您登入過程中閒置時間過長或已完成登入後又重新登入,系統可能會出現錯誤提示`Bad Request`,此時請重新輸入網址(https://f1-stn01.nchc.org.tw/ 或 https://f1-stn02.nchc.org.tw/ )後登入。
:::
### 啟動 Code Server
- 方法一:點選首頁上的 **Code Server 圖示** 即可啟動

<br>
- 方法二:點選上方選單中的 **Interactive Apps → Code Server**。

(3) 開啟啟動視窗後,請根據需求填寫資源設定

:::info
<i class="fa fa-exclamation-circle" aria-hidden="true"></i> **資源設定建議表:**
| 欄位名稱 | 說明 |
|-|-|
| **Project ID** | 系統會自動帶出您所加入的計畫列表,請選擇具有充足配額的計畫|
| **Number of Hours** | 設定 Code Server 的執行時長,時間到會自動結束<font color="red">**(上限 2 小時)**</font> |
| **CPU cores** | 設定 Job 的執行時間,時間到會自動結束 <font color="red">**(建議選擇 2 cores)** </font> |
| **Memory (GB)** | 設定 Job 的記憶體(以 GB 為單位)<br>此記憶體資源將供所有 CPU cores 共用 <font color="red"> **(建議選 8 GB)** </font> |
| **Working Directory** | 設定工作目錄,若欄位留空,預設為 `/home` 目錄;若需指定計畫目錄,請點選 **Select Path** 選擇目錄 <p></p> 
:::
:::warning
<i class="fa fa-bullhorn" aria-hidden="true"></i> **備註**:
請依照實際需求設定所需資源,**作業時間上限為 2 小時**。
若資源設定過低(如 1 core ),可能導致排程等待時間較長,**建議設定為 2 cores 與 8 GB 記憶體,以提升資源取得速度與啟動效率**。
:::
<br>
---
<br>
## Launch Code Server
**1. 提交任務**
在資源表格填寫完畢後,點選 ==**Launch**== 按鈕以提交 Code Server 作業。當系統成功建立作業後,將出現如下確認視窗:

**2. 開啟 VS Code 連線頁面**
點選 ==**Connect to VS Code**==,系統將提示輸入密碼以完成驗證。

**3. 取得密碼**
點擊 **Session ID**,開啟對應的設定與日誌目錄,並點選 `connection.yml` 檔案以檢視內容。從中複製 `password` 欄位的值:


**4. 完成驗證**
將複製的`password` 貼入登入介面中,並點選 ==**SUBMIT**== 完成認證程序。

**5. 進入 VS Code 環境**
認證完成後,即可進入基於瀏覽器的 VS Code 介面,開始進行開發作業

<br>
---
<br>
## 刪除 Interactive Session
完成 VS Code 使用後,請依以下步驟結束當前的 Interactive Session,以釋放資源供其他應用使用
- 點選 Open OnDemand 首頁選單中的 **My Interactive Sessions** 點選右側的 **Delete** 按鈕。

- 系統將顯示確認視窗,請點選 **Confirm** 以完成刪除

:::danger
<i class="fa fa-exclamation-triangle" aria-hidden="true"></i> **注意:**
若尚未刪除現有的 Interactive Session,即使該作業尚有剩餘時間,也無法再啟動其他資源,請務必刪除後再進行下一次啟用操作。
:::