阿里雲對象存儲
阿里雲對象存儲（Object Storage Service，簡稱OSS），是阿里雲對外提供的海量、安全、低成本、高可靠的雲存儲服務。用戶可以通過調用API，在任何應用、任何時間、任何地點上傳和下載數據，也可以通過用戶Web控制台對數據進行簡單的管理。OSS適合存放任意文件類型，適合各種網站、開發企業及開發者使用。
阿里雲OSS圖片處理服務
阿里雲OSS圖片處理服務（Image Service，簡稱 IMG） ，是阿里雲OSS對外提供的海量、安全、低成本、高可靠的圖片處理服務。用戶將原始圖片上傳保存在OSS上，通過簡單的 RESTful 接口，在任何時間、任何地點、任何互聯網設備上對圖片進行處理。圖片處理服務提供圖片處理接口，圖片上傳請使用OSS上傳接口。基於IMG，用戶可以搭建出跟圖片相關的服務。圖片服務處理的圖片來自於OSS，所以圖片的上傳實際是上傳到OSS的同名Bucket中。
在真實的工作場景中，一般將圖片、音頻、視頻等存儲到OSS服務中，這樣可以極大的提高用戶的頁面訪問速度。11 月 9 日至 11 月 23 日期間，完成部署即可獲得“TOMY 多美卡合金車模一輛”。
地址：https://developer.aliyun.com/adc/series/activity/1111
體驗准備
體驗需使用自己的賬戶開通以上服務
ECS資源地址
開始實驗后，系統會自動去創建一台Linux ECS。其中，創建的ECS中已經部署了web應用和OSS python SDK。在本實驗中，已創建的ECS作為web服務器，瀏覽器中直接訪問其IP地址會顯示包含四個小圖片的頁面，並且四個圖片都保存在ECS本地。通過調用OSS API將四個圖片上傳到OSS中，同時刪除保存在ECS本地的四個圖片，此時訪問ECS IP將會看到頁面中沒有圖片可以顯示。為了在頁面中顯示原有的四個圖片，實驗中需要修改web應用服務器根目錄下默認訪問頁面中的圖片地址，將圖片地址修改為四個圖片分別在OSS中的訪問地址。
連接ECS服務器
1、雙擊打開虛擬桌面的Chromium瀏覽器，在RAM用戶登錄框中單擊下一步，復制雲產品資源列表中子用戶密碼，按CTRL+V把密碼粘貼到密碼輸區，登錄子賬戶（后續在遠程桌面里的粘貼操作均使用CTRL + V快捷鍵）。
2、復制雲服務器ECS控制台地址，在Chromium瀏覽器打開新頁簽，粘貼並訪問雲服務器ECS控制台。
3、在控制台左側導航欄中，單擊實例。
4、在實例頁面頂部菜單欄，切換到資源所在地域。
說明 ：
參考如下圖片切換地域到華東2（上海）。
5、在實例頁面，在目標實例的操作列下單擊遠程連接。
說明 ：
您可在雲產品資源列表中查看目標實例的實例ID。
6、在遠程連接與命令對話框的Workbench遠程連接區域中，單擊立即登錄。
7、在登錄實例對話框中，輸入雲資源產品列表中ECS服務器的登錄密碼，單擊確定。
返回如下頁面，表示您已經成功遠程連接到ECS服務器。
基於單ECS的圖片網站
本小節將展示一個在 ECS 上已搭建的圖片分享網站，以及圖片分享網站的源碼。
1.在Chromium瀏覽器打開新頁簽，在地址欄輸入http://<ECS公網地址()彈性IP)>:8080並訪問。您可以查看到當前頁面中顯示1張 “花園” 的圖片，該圖片實際是由 4 張小圖片組成的。
2.切換至終端頁面。執行以下命令，進入網站系統的根目錄。
cd /alidata/www/default
然后，使用如下查看命令，查看保存在根目錄下的四張圖片 01.png，02.png，03.png 和 04.png，也就是圖片分享網站所展示的 4 張小圖片。
ls
在Chromium瀏覽器打開新頁簽，在地址欄中輸入 <ECS實例外網地址>/01.png，可以查看到 01.png 的圖片內容。同理，可以查看 "02.png", "03.png" 以及 "04.png" 的圖片內容。
3.使用如下命令，查看網站首頁的源碼，可以看到圖片分享網頁中顯示的圖片，是從網站根目錄 /alidata/www/default 中，讀取圖片 01.png，02.png，03.png 和 04.png 拼接的。
cat index.html
使用ECS+OSS實現圖片網站
1.本小節將存儲在本地的圖片上傳到 OSS Bucket 中，從而，圖片分享網站將從 OSS Bucket 中讀取圖片，本地無需保存圖片。
2.在ECS實例的 /alidata/www/default 目錄中，執行如下命令，進入 cfg.json 的編輯頁面，並修改 OSS 的配置信息。
vim cfg.json
在鍵盤上輸入 “I”，切換到編輯模式，在編輯頁面中，修改如下參數信息。
id： 雲產品資源 分配的 AK ID 值；
secret： 雲產品資源 分配的 AK Secret 值;
endpoint：請根據下面的 OSS地域與Endpoint對應關系表，輸入 雲產品資源 所分配 地域 相對應的 外網Endpoint 。例如：分配的 地域 為 華東1（杭州），則輸入 oss-cn-hangzhou.aliyuncs.com;
bucket： 雲產品資源 分配的 OSS資源 Bucket 名稱;
object_dir： 雲產品資源 分配的 OSS資源 Object路徑。
完成后，首先按 esc鍵 退出編輯狀態，然后輸入下面命令保存並退出編輯頁面。
:wq
OSS 地域 與 外網 Endpoint 對應關系表：
地域
外網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.執行如下命令，將 01.png 上傳到 OSS，該腳本使用 OSS 提供的 API 接口 put_object_from_file() 將本地文件上傳到 雲產品資源 分配的 Object 路徑 中。
python oss_upload.py 01.png
然后，執行相同命令，只把 01.png 改為 02.png 等，將 02.png、03.png 和 04.png三個圖片分別上傳到 OSS。接下來，用戶將訪問 OSS 管理控制台，並查看上傳到 OSS 的文件。
說明：通過 Python SDK 的方式上傳本地文件到 OSS 的具體方法，請參考實驗 SL003 使用OSS API上傳和下載文件。
4.復制OSS控制台地址，在Chromium瀏覽器打開新頁簽，粘貼並訪問OSS控制台。
https://oss.console.aliyun.com/
5. 進入 OSS 管理控制台后，在 Bucket 列表中，點擊 雲產品資源 提供的 Bucket名稱，例如 adc-oss-969hd2，進入 adc-oss-969hd2 Bucket 管理頁面。
6.點擊 【文件管理】 ，可以查看到當前 Object 列表中存在一個或多個文件夾。點擊 雲產品資源 分配的一級 Object 路徑。例如：用戶分配的 Object 路徑 為 OSSCTY/u-xxx/，則 OSSCTY 為一級 Object 路徑。點擊 OSSCTY，進入 Object “OSSCTY” 路徑中。
在 “OSSCTY” 的 Object 路徑中，點擊分配的二級 Object 路徑。例如：用戶分配的 Object 路徑 為 OSSCTY/u-xxx/，則 u-xxx 為二級Object 路徑。點擊 u-xxx 進入Object OSSCTY/u-xxx 路徑中。
此時，在 Object 管理的列表的第一行中，用戶可以查看到當前 Object 路徑信息。在 Object 管理的 Object 列表中，展示已上傳並保存到 “SOSSCTY/u-xxx /” 路徑下的 4 張圖片：01.png，02.png，03.png，04.png。
7.切換回終端頁面，執行下面命令進入 alidata/www/default 目錄。
cd /alidata/www/default
然后執行如下命令，刪除當前目錄中的所有 “ .png ” 文件，也就是，圖片分享網站中讀取的 4 張圖片 01.png, 02.png, 03.png 和 04.png。
rm -rf *.png
執行查看文件命令，查看當前目錄中無圖片文件，證明圖片已刪除。
ls
8.打開（在瀏覽器的地址欄中，輸入 雲產品資源 分配的 ECS 外網地址 並訪問）或刷新圖片分享網站主頁面，查看到當前頁面中所有圖片均無法正常顯示。這是因為圖片分享網站讀取的是本地圖片文件，而本地存儲的圖片文件已被刪除，因此無法讀取到圖片信息。
注意：
若訪問頁面仍舊可以顯示圖片，可能是由於瀏覽器緩存問題，建議清理下瀏覽器的緩存或者換一個瀏覽器查看ECS服務器主頁。
9.接下來，將重新配置 index.html 中的圖片訪問信息，按照以下步驟將圖片鏈接修改為上傳到 OSS 的圖片的 URL 訪問地址：
- 切換回 OSS 管理控制台頁面，進入 雲產品資源 分配的 Object 路徑 中，獲取圖片的URL訪問地址。點擊 01.png ,找到並點擊右側彈出框的 【復制文件 URL】。
- 切換回終端頁面，執行如下命令，返回 ECS 服務器的 /alidata/www/default 目錄下，並進入服務器訪問首頁 index.html 的編輯界面。
cd /alidata/www/default
vim index.html
- 在下，找到第一張圖片的鏈接參數 src="01.png"，刪除 01.png，並粘貼上面步驟中復制的上傳到 OSS 01.png 圖片的訪問
地址。 同理，修改 02.png，03.png，04.png 的鏈接地址為 OSS 的存儲地址。
- 完成所有圖片的修改后，點擊 esc鍵 退出編輯狀態，執行以下命令保存並退出編輯頁面。
:wq
10.在瀏覽器中，刷新 ECS實例的 外網地址 的訪問頁面，頁面將再次顯示 花園 的圖片，說明現在網站可以使用存儲在 OSS 上的圖片來顯示頁面。
