知識乾貨：基礎儲存服務新手體驗營

白嫖的新知識！

雲伺服器（Elastic Compute Service，簡稱 ECS）是阿里雲提供的效能卓越、穩定可靠、彈性擴充套件的 IaaS（Infrastructure as a Service）級別雲端計算服務，免去了您採購 IT 硬體的前期準備，讓您像使用水、電、天然氣等公共資源一樣便捷、高效地使用伺服器，實現計算資源的即開即用和彈性伸縮。

阿里雲物件儲存（Object Storage Service，簡稱 OSS），是阿里雲對外提供的海量、安全、低成本、高可靠的雲端儲存服務。使用者可以透過呼叫 API，在任何應用、任何時間、任何地點上傳和下載資料，也可以透過使用者 Web 控制檯對資料進行簡單的管理。OSS 適合存放任意檔案型別，適合各種網站、開發企業及開發者使用。

阿里雲 OSS 圖片處理服務（Image Service，簡稱 IMG） ，是阿里雲 OSS 對外提供的海量、安全、低成本、高可靠的圖片處理服務。使用者將原始圖片上傳儲存在 OSS 上，透過簡單的 RESTful 介面，在任何時間、任何地點、任何網際網路裝置上對圖片進行處理。圖片處理服務提供圖片處理介面，圖片上傳請使用 OSS 上傳介面。基於 IMG，使用者可以搭建出跟圖片相關的服務。圖片服務處理的圖片來自於 OSS，所以圖片的上傳實際是上傳到 OSS 的同名 Bucket 中。

在真實的工作場景中，一般將圖片、音訊、影片等儲存到  OSS  服務中，這樣可以極大的提高使用者的頁面訪問速度。

實驗背景：

本教程介紹如何基於雲伺服器 ECS 和物件儲存 OSS，搭建一個圖片分享網站。

實驗簡介：

本場景將提供一臺配置了  CentOS 7.7  作業系統的  ECS  例項（雲伺服器）和一個物件儲存  OSS 。透過本教程的操作，您可以基於  CentOS 7.7  作業系統的  ECS  例項和檔案儲存  OSS ，搭建一個圖片分享網站。

實驗操作：

【實驗連結～立即前往】： https://developer.aliyun.com/adc/scenario/90b2bceaf9954d6f8780f26a1c913385

1 、連結 ecs 伺服器

開啟虛擬桌面的 Chromium 瀏覽器，在 RAM 使用者登入框中進行使用者密碼的配置。訪問雲伺服器 ECS 控制檯，切換所在地域並找到個人專屬 ECS 例項進行遠端連線。

說明：您可以在雲產品資源列表中檢視到您的 ECS 伺服器密碼。

2 、展示基於 ECS 的圖片分享網站

本步驟將展示基於 ECS 已搭建完成的圖片分享網站，以及圖片分享網站的原始碼。

在雲產品資源列表中檢視到您的 ECS 雲伺服器的彈性 IP，瀏覽圖片樣式。接下來切換至 Workbench 遠端連線頁籤，執行如下命令，進入網站系統的根目錄並檢視網站系統的根目錄下的檔案。

返回如下結果，就可以看到圖片分享網頁中顯示的圖片，是從網站系統根目錄 /alidata/www/default 中，讀取圖片 01.png，02.png，03.png 和 04.png 拼接的。

3 、搭建基於 ECS 和 OSS 圖片分享網站

本步驟將提供指導如何在 ECS 例項上呼叫 OSS API 上傳圖片到 OSS 中。

在 Workbench 遠端連線頁籤，配置 cfg.json 檔案中的 OSS 資訊，分別找到以下引數，並將以下引數根據實際情況進行修改。

分別執行如下命令，將 01.png、02.png、03.png 和 04.png 三張圖片分別上傳到 OSS 的 Object 路徑中。

訪問 OSS 控制檯，在檔案管理頁籤，可以看到當前 Object 列表中存在一個或多個資料夾。根據雲產品資源列表中 OSS 的 Object 一級路徑，單擊相應的檔名。在 Object 一級路徑中，根據雲產品資源列表中 OSS 的 Object 二級路徑，單擊相應的檔名，之後可以在 OSS 的 Object 二級路徑中，看到從 ECS 例項上傳到 OSS 的四張圖片。

5.  讀取 OSS 儲存圖片

本步驟將指導如何修改圖片分享網站的原始碼，實現圖片分享網站從 OSS 中讀取圖片。

切換至 Workbench 遠端連線頁籤，刪除當前目錄中的所有.png 檔案，可看到圖片分享網站讀取的 ECS 例項中的圖片檔案均無法正常顯示。切換至檔案儲存 OSS 管理控制檯頁籤。在檔案管理頁籤中，單擊 01.png，複製檔案 URL。切換至 Workbench 遠端連線頁籤，修改圖片分享網站的原始碼。按 i 鍵進入編輯模式，找到 <!-- 圖片 1 --> 下的 < img > 標籤中的 src 引數，將 scr 引數修改為圖片的 URL。重複上一步驟，修改 02png、03png、04png。修改完成後檔案內容如下所示。

在  Chromium  網頁瀏覽器中，在位址列中輸入    伺服器的彈性  IP)>  並訪問，返回頁面即可以看到圖片，說明現在網站可以使用儲存在  OSS  上的圖片來顯示頁面。