阿里云OSS云存儲管理實踐

體驗內(nèi)容

服務(wù)器資源地址 系統(tǒng)會自動去創(chuàng)建一臺Linux ECS。其中，創(chuàng)建的ECS中已經(jīng)部署了web應(yīng)用和OSS python SDK。在本實驗中，已創(chuàng)建的ECS作為web服務(wù)器，瀏覽器中直接訪問其IP地址會顯示包含四個小圖片的頁面，并且四個圖片都保存在ECS本地。通過調(diào)用OSS API將四個圖片上傳到OSS中，同時刪除保存在ECS本地的四個圖片，此時訪問ECS IP將會看到頁面中沒有圖片可以顯示。為了在頁面中顯示原有的四個圖片，實驗中需要修改web應(yīng)用服務(wù)器根目錄下默認(rèn)訪問頁面中的圖片地址，將圖片地址修改為四個圖片分別在OSS中的訪問地址。

體驗此場景后，你可以掌握的能力有：

1.通過阿里云管理控制臺管理對象存儲服務(wù)OSS

2.在實際的web開發(fā)中使用對象存儲服務(wù)OSS存儲頁面中的圖片

3.調(diào)用OSS API上傳圖片

背景知識

阿里云對象存儲（Object Storage Service，簡稱OSS），是阿里云對外提供的海量、安全、低成本、高可靠的云存儲服務(wù)。用戶可以通過調(diào)用API，在任何應(yīng)用、任何時間、任何地點上傳和下載數(shù)據(jù)，也可以通過用戶Web控制臺對數(shù)據(jù)進(jìn)行簡單的管理。OSS適合存放任意文件類型，適合各種網(wǎng)站、開發(fā)企業(yè)及開發(fā)者使用。

阿里云OSS圖片處理服務(wù)（Image Service，簡稱 IMG） ，是阿里云OSS對外提供的海量、安全、低成本、高可靠的圖片處理服務(wù)。用戶將原始圖片上傳保存在OSS上，通過簡單的 RESTful 接口，在任何時間、任何地點、任何互聯(lián)網(wǎng)設(shè)備上對圖片進(jìn)行處理。圖片處理服務(wù)提供圖片處理接口，圖片上傳請使用OSS上傳接口?；贗MG，用戶可以搭建出跟圖片相關(guān)的服務(wù)。圖片服務(wù)處理的圖片來自于OSS，所以圖片的上傳實際是上傳到OSS的同名Bucket中。

在真實的工作場景中，一般將圖片、音頻、視頻等存儲到OSS服務(wù)中，這樣可以極大的提高用戶的頁面訪問速度。

創(chuàng)建資源

1.請點擊頁面左側(cè)的 云產(chǎn)品資源，在下拉欄中，查看本次實驗資源信息；

2.在資源下拉欄點擊 免費(fèi)開通 按鈕，開始創(chuàng)建實驗資源。

說明：資源創(chuàng)建過程需要1-3分鐘。完成實驗資源的創(chuàng)建后，用戶可以通過 云產(chǎn)品資源 查看實驗中所需的資源信息，例如：IP地址、用戶名、密碼等。

基于單ECS的圖片網(wǎng)站

1.本小節(jié)將展示一個在 ECS 上已搭建的圖片分享網(wǎng)站，以及圖片分享網(wǎng)站的源碼。

2.首先，在瀏覽器中新建一個頁面。然后，在瀏覽器的地址欄中，輸入本次實驗分配的 ECS 實例 彈性IP。查看到當(dāng)前頁面中顯示 1 張 “花園” 的圖片，該圖片實際是由 4 張小圖片組成的。

3.遠(yuǎn)程登錄到 ECS 服務(wù)器，查看圖片并分享網(wǎng)站的源碼。登錄信息請使用本實驗 云產(chǎn)品資源 提供的 ECS 服務(wù)器的 彈性IP，用戶名 和 密碼。

說明：本實驗 ECS 服務(wù)器為 Linux 操作系統(tǒng)，因此遠(yuǎn)程登錄 ECS 實例的詳細(xì)步驟，請參考云 幫助文檔 遠(yuǎn)程連接 Linux 系統(tǒng)。

4. 登錄到 ECS 服務(wù)器后，執(zhí)行如下命令，進(jìn)入網(wǎng)站系統(tǒng)的根目錄。

cd /alidata/www/default

然后，使用如下查看命令，查看保存在根目錄下的四張圖片 01.png，02.png，03.png 和 04.png，也就是圖片分享網(wǎng)站所展示的 4 張小圖片。

ls

在瀏覽器中，新建一個頁面，并在地址欄中輸入 <ECS實例外網(wǎng)地址>/01.png，可以查看到 01.png 的圖片內(nèi)容。同理，可以查看 "02.png", "03.png" 以及 "04.png" 的圖片內(nèi)容。

5. 使用如下命令，查看網(wǎng)站首頁的源碼，可以看到圖片分享網(wǎng)頁中顯示的圖片，是從網(wǎng)站根目錄 /alidata/www/default 中，讀取圖片 01.png，02.png，03.png 和 04.png 拼接的。

cat index.html

使用ECS+OSS實驗圖片網(wǎng)站

1.本小節(jié)將存儲在本地的圖片上傳到 OSS Bucket 中，從而，圖片分享網(wǎng)站將從 OSS Bucket 中讀取圖片，本地?zé)o需保存圖片。 2.在ECS實例的 /alidata/www/default 目錄中，執(zhí)行如下命令，進(jìn)入 cfg.json 的編輯頁面，并修改 OSS 的配置信息。

vim cfg.json

在鍵盤上輸入 “I”，切換到編輯模式，在編輯頁面中，修改如下參數(shù)信息。

• id： 云產(chǎn)品資源 分配的 AK ID 值；

• secret： 云產(chǎn)品資源 分配的 AK Secret 值;

• endpoint：請根據(jù)下面的 OSS地域與Endpoint對應(yīng)關(guān)系表，輸入 云產(chǎn)品資源 所分配 地域 相對應(yīng)的 外網(wǎng)Endpoint 。例如：分配的 地域 為 華東1（杭州），則輸入 oss-cn-hangzhou.aliyuncs.com;

• bucket： 云產(chǎn)品資源 分配的 OSS資源 Bucket 名稱;

• object_dir： 云產(chǎn)品資源 分配的 OSS資源 Object路徑。

完成后，首先按 esc鍵 退出編輯狀態(tài)，然后輸入下面命令保存并退出編輯頁面。

 :wq

OSS 地域 與 外網(wǎng) Endpoint 對應(yīng)關(guān)系表：

地域

外網(wǎng)Endpoint

華東 1 (杭州)

oss-cn-hangzhou.aliyuncs.com

華東 2 (上海)

oss-cn-shanghai.aliyuncs.com

華北 1 (青島)

oss-cn-qingdao.aliyuncs.com

華北 2 (北京)

oss-cn-beijing.aliyuncs.com

華南 1 (深圳)

oss-cn-shenzhen.aliyuncs.com

3. 執(zhí)行如下命令，將 01.png 上傳到 OSS，該腳本使用 OSS 提供的 API 接口 put_object_from_file() 將本地文件上傳到 云產(chǎn)品資源 分配的 Object 路徑 中。

python oss_upload.py 01.png

然后，執(zhí)行相同命令，只把 01.png 改為 02.png 等，將 02.png、03.png 和 04.png三個圖片分別上傳到 OSS。接下來，用戶將訪問 OSS 管理控制臺，并查看上傳到 OSS 的文件。

說明：通過 Python SDK 的方式上傳本地文件到 OSS 的具體方法，請參考實驗 SL003 使用OSS API上傳和下載文件。

4. 首先，點擊頁面左側(cè) 云產(chǎn)品資源 ， 然后點擊 一鍵復(fù)制登錄url，用瀏覽器隱身窗口登錄控制臺；

在阿里云 RAM 登錄界面，依次輸入 云產(chǎn)品資源 提供的 子用戶名稱 、子帳號密碼 ，然后點擊 登錄，進(jìn)入阿里云管理控制臺。

5. 登錄成功后，在左側(cè)列表點擊 產(chǎn)品與服務(wù) ，然后在主頁面找到并點擊 對象存儲 OSS，從而進(jìn)入 OSS 管理控制臺。

6. 進(jìn)入 OSS 管理控制臺后，在 Bucket 列表中，點擊 云產(chǎn)品資源 提供的 Bucket名稱，例如 adc-oss-969hd2，進(jìn)入 adc-oss-969hd2 Bucket 管理頁面。

7. 點擊 【文件管理】 ，可以查看到當(dāng)前 Object 列表中存在一個或多個文件夾。點擊 云產(chǎn)品資源 分配的一級 Object 路徑。例如：用戶分配的 Object 路徑 為 OSSCTY/u-xxx/，則 OSSCTY 為一級 Object 路徑。點擊 OSSCTY，進(jìn)入 Object “OSSCTY” 路徑中。

在 “OSSCTY” 的 Object 路徑中，點擊分配的二級 Object 路徑。例如：用戶分配的 Object 路徑 為 OSSCTY/u-xxx/，則 u-xxx 為二級Object 路徑。點擊 u-xxx 進(jìn)入Object OSSCTY/u-xxx 路徑中。

此時，在 Object 管理的列表的第一行中，用戶可以查看到當(dāng)前 Object 路徑信息。在 Object 管理的 Object 列表中，展示已上傳并保存到 “SOSSCTY/u-xxx /” 路徑下的 4 張圖片：01.png，02.png，03.png，04.png。

8. 返回 ECS 實例終端頁面，執(zhí)行下面命令進(jìn)入 alidata/www/default 目錄。

cd /alidata/www/default

然后執(zhí)行如下命令，刪除當(dāng)前目錄中的所有 “ .png ” 文件，也就是，圖片分享網(wǎng)站中讀取的 4 張圖片 01.png, 02.png, 03.png 和 04.png。

rm -rf *.png

執(zhí)行查看文件命令，查看當(dāng)前目錄中無圖片文件，證明圖片已刪除。

ls

9. 打開（在瀏覽器的地址欄中，輸入 云產(chǎn)品資源 分配的 ECS 外網(wǎng)地址 并訪問）或刷新圖片分享網(wǎng)站主頁面，查看到當(dāng)前頁面中所有圖片均無法正常顯示。這是因為圖片分享網(wǎng)站讀取的是本地圖片文件，而本地存儲的圖片文件已被刪除，因此無法讀取到圖片信息。

注意：若訪問頁面仍舊可以顯示圖片，可能是由于瀏覽器緩存問題，建議清理下瀏覽器的緩存或者換一個瀏覽器查看ECS服務(wù)器主頁。

10. 接下來，將重新配置 index.html 中的圖片訪問信息，按照以下步驟將圖片鏈接修改為上傳到 OSS 的圖片的 URL 訪問地址：

1. 返回 OSS 管理控制臺，進(jìn)入 云產(chǎn)品資源 分配的 Object 路徑 中，獲取圖片的URL訪問地址。點擊 01.png ,找到并點擊右側(cè)彈出框的 【復(fù)制文件 URL】。

   

2. 執(zhí)行如下命令返回 ECS 服務(wù)器的 /alidata/www/default 目錄下，并進(jìn)入服務(wù)器訪問首頁 index.html 的編輯界面。

cd /alidata/www/default

vim index.html

1. 在<!-- 圖片1 -->下，找到第一張圖片的鏈接參數(shù) src="01.png"，刪除 01.png，并粘貼上面步驟中復(fù)制的上傳到 OSS 01.png 圖片的訪問

地址。 同理，修改 02.png，03.png，04.png 的鏈接地址為 OSS 的存儲地址。

4) 完成所有圖片的修改后，點擊 esc鍵 退出編輯狀態(tài)，執(zhí)行以下命令保存并退出編輯頁面。

:wq

11.在瀏覽器中，刷新 ECS實例的 外網(wǎng)地址 的訪問頁面，頁面將再次顯示 花園 的圖片，說明現(xiàn)在網(wǎng)站可以使用存儲在 OSS 上的圖片來顯示頁面。