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

bainana發表於2022-07-15

白嫖的新知識!

雲伺服器(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鍵進入編輯模式,找到下的知識乾貨:基礎儲存服務新手體驗營標籤中的src引數,將scr引數修改為圖片的URL。重複上一步驟,修改02png、03png、04png。修改完成後檔案內容如下所示。

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

相關文章