阿里云OSS云存儲管理實踐,阿里云服務器如何擴大存儲空間阿里云OSS云存儲管理實踐體驗內容服務器資源地址 系統會自動去創建一臺Linux ECS。其中,創建的ECS中已經部署了web應用和OSS python SDK。在本實驗中,已創建的ECS作為web服務器,瀏覽器中直接訪問其IP地址會顯示包含四個小圖片的頁面,并且......
體驗內容
服務器資源地址 系統會自動去創建一臺Linux ECS。其中,創建的ECS中已經部署了web應用和OSS python SDK。在本實驗中,已創建的ECS作為web服務器,瀏覽器中直接訪問其IP地址會顯示包含四個小圖片的頁面,并且四個圖片都保存在ECS本地。通過調用OSS API將四個圖片上傳到OSS中,同時刪除保存在ECS本地的四個圖片,此時訪問ECS IP將會看到頁面中沒有圖片可以顯示。為了在頁面中顯示原有的四個圖片,實驗中需要修改web應用服務器根目錄下默認訪問頁面中的圖片地址,將圖片地址修改為四個圖片分別在OSS中的訪問地址。
體驗此場景后,你可以掌握的能力有:
1.通過阿里云管理控制臺管理對象存儲服務OSS
2.在實際的web開發中使用對象存儲服務OSS存儲頁面中的圖片
3.調用OSS API上傳圖片
阿里云對象存儲(Object Storage Service,簡稱OSS),是阿里云對外提供的海量、安全、低成本、高可靠的云存儲服務。用戶可以通過調用API,在任何應用、任何時間、任何地點上傳和下載數據,也可以通過用戶Web控制臺對數據進行簡單的管理。OSS適合存放任意文件類型,適合各種網站、開發企業及開發者使用。
阿里云OSS圖片處理服務(Image Service,簡稱 IMG) ,是阿里云OSS對外提供的海量、安全、低成本、高可靠的圖片處理服務。用戶將原始圖片上傳保存在OSS上,通過簡單的 RESTful 接口,在任何時間、任何地點、任何互聯網設備上對圖片進行處理。圖片處理服務提供圖片處理接口,圖片上傳請使用OSS上傳接口。基于IMG,用戶可以搭建出跟圖片相關的服務。圖片服務處理的圖片來自于OSS,所以圖片的上傳實際是上傳到OSS的同名Bucket中。
在真實的工作場景中,一般將圖片、音頻、視頻等存儲到OSS服務中,這樣可以極大的提高用戶的頁面訪問速度。
1.請點擊頁面左側的 云產品資源,在下拉欄中,查看本次實驗資源信息;
2.在資源下拉欄點擊 免費開通 按鈕,開始創建實驗資源。
說明:資源創建過程需要13分鐘。完成實驗資源的創建后,用戶可以通過 云產品資源 查看實驗中所需的資源信息,例如:IP地址、用戶名、密碼等。
1.本小節將展示一個在 ECS 上已搭建的圖片分享網站,以及圖片分享網站的源碼。
2.首先,在瀏覽器中新建一個頁面。然后,在瀏覽器的地址欄中,輸入本次實驗分配的 ECS 實例 彈性IP。查看到當前頁面中顯示 1 張 “花園” 的圖片,該圖片實際是由 4 張小圖片組成的。
3.遠程登錄到 ECS 服務器,查看圖片并分享網站的源碼。登錄信息請使用本實驗 云產品資源 提供的 ECS 服務器的 彈性IP,用戶名 和 密碼。
說明:本實驗 ECS 服務器為 Linux 操作系統,因此遠程登錄 ECS 實例的詳細步驟,請參考云 幫助文檔 遠程連接 Linux 系統。
4. 登錄到 ECS 服務器后,執行如下命令,進入網站系統的根目錄。
cd/alidata/www/default
然后,使用如下查看命令,查看保存在根目錄下的四張圖片 01.png,02.png,03.png 和 04.png,也就是圖片分享網站所展示的 4 張小圖片。
ls
在瀏覽器中,新建一個頁面,并在地址欄中輸入 ECS實例外網地址/01.png,可以查看到 01.png 的圖片內容。同理,可以查看 02.png, 03.png 以及 04.png 的圖片內容。
5. 使用如下命令,查看網站首頁的源碼,可以看到圖片分享網頁中顯示的圖片,是從網站根目錄 /alidata/www/default 中,讀取圖片 01.png,02.png,03.png 和 04.png 拼接的。
catindex.html
1.本小節將存儲在本地的圖片上傳到 OSS Bucket 中,從而,圖片分享網站將從 OSS Bucket 中讀取圖片,本地無需保存圖片。 2.在ECS實例的 /alidata/www/default 目錄中,執行如下命令,進入 cfg.json 的編輯頁面,并修改 OSS 的配置信息。
vimcfg.json
在鍵盤上輸入 “I”,切換到編輯模式,在編輯頁面中,修改如下參數信息。
id: 云產品資源 分配的 AK ID 值;
secret: 云產品資源 分配的 AK Secret 值;
endpoint:請根據下面的 OSS地域與Endpoint對應關系表,輸入 云產品資源 所分配 地域 相對應的 外網Endpoint 。例如:分配的 地域 為 華東1(杭州),則輸入 osscnhangzhou.aliyuncs.com;
bucket: 云產品資源 分配的 OSS資源 Bucket 名稱;
objectdir: 云產品資源 分配的 OSS資源 Object路徑。
完成后,首先按 esc鍵 退出編輯狀態,然后輸入下面命令保存并退出編輯頁面。
:wq
OSS 地域 與 外網 Endpoint 對應關系表:
地域
外網Endpoint
華東 1 (杭州)
osscnhangzhou.aliyuncs.com
華東 2 (上海)
osscnshanghai.aliyuncs.com
華北 1 (青島)
osscnqingdao.aliyuncs.com
華北 2 (北京)
osscnbeijing.aliyuncs.com
華南 1 (深圳)
osscnshenzhen.aliyuncs.com
3. 執行如下命令,將 01.png 上傳到 OSS,該腳本使用 OSS 提供的 API 接口 putobjectfromfile() 將本地文件上傳到 云產品資源 分配的 Object 路徑 中。
pythonossupload.py01.png
然后,執行相同命令,只把 01.png 改為 02.png 等,將 02.png、03.png 和 04.png三個圖片分別上傳到 OSS。接下來,用戶將訪問 OSS 管理控制臺,并查看上傳到 OSS 的文件。
說明:通過 Python SDK 的方式上傳本地文件到 OSS 的具體方法,請參考實驗 SL003 使用OSS API上傳和下載文件。
4. 首先,點擊頁面左側 云產品資源 , 然后點擊 一鍵復制登錄url,用瀏覽器隱身窗口登錄控制臺;
在阿里云 RAM 登錄界面,依次輸入 云產品資源 提供的 子用戶名稱 、子帳號密碼 ,然后點擊 登錄,進入阿里云管理控制臺。
5. 登錄成功后,在左側列表點擊 產品與服務 ,然后在主頁面找到并點擊 對象存儲 OSS,從而進入 OSS 管理控制臺。
6. 進入 OSS 管理控制臺后,在 Bucket 列表中,點擊 云產品資源 提供的 Bucket名稱,例如 adcoss969hd2,進入 adcoss969hd2 Bucket 管理頁面。
7. 點擊 【文件管理】 ,可以查看到當前 Object 列表中存在一個或多個文件夾。點擊 云產品資源 分配的一級 Object 路徑。例如:用戶分配的 Object 路徑 為 OSSCTY/uxxx/,則 OSSCTY 為一級 Object 路徑。點擊 OSSCTY,進入 Object “OSSCTY” 路徑中。
在 “OSSCTY” 的 Object 路徑中,點擊分配的二級 Object 路徑。例如:用戶分配的 Object 路徑 為 OSSCTY/uxxx/,則 uxxx 為二級Object 路徑。點擊 uxxx 進入Object OSSCTY/uxxx 路徑中。
此時,在 Object 管理的列表的第一行中,用戶可以查看到當前 Object 路徑信息。在 Object 管理的 Object 列表中,展示已上傳并保存到 “SOSSCTY/uxxx /” 路徑下的 4 張圖片:01.png,02.png,03.png,04.png。
8. 返回 ECS 實例終端頁面,執行下面命令進入 alidata/www/default 目錄。
cd/alidata/www/default
然后執行如下命令,刪除當前目錄中的所有 “ .png ” 文件,也就是,圖片分享網站中讀取的 4 張圖片 01.png, 02.png, 03.png 和 04.png。
rmrf*.png
執行查看文件命令,查看當前目錄中無圖片文件,證明圖片已刪除。
ls
9. 打開(在瀏覽器的地址欄中,輸入 云產品資源 分配的 ECS 外網地址 并訪問)或刷新圖片分享網站主頁面,查看到當前頁面中所有圖片均無法正常顯示。這是因為圖片分享網站讀取的是本地圖片文件,而本地存儲的圖片文件已被刪除,因此無法讀取到圖片信息。
注意:若訪問頁面仍舊可以顯示圖片,可能是由于瀏覽器緩存問題,建議清理下瀏覽器的緩存或者換一個瀏覽器查看ECS服務器主頁。
10. 接下來,將重新配置 index.html 中的圖片訪問信息,按照以下步驟將圖片鏈接修改為上傳到 OSS 的圖片的 URL 訪問地址:
返回 OSS 管理控制臺,進入 云產品資源 分配的 Object 路徑 中,獲取圖片的URL訪問地址。點擊 01.png ,找到并點擊右側彈出框的 【復制文件 URL】。
執行如下命令返回 ECS 服務器的 /alidata/www/default 目錄下,并進入服務器訪問首頁 index.html 的編輯界面。
cd/alidata/www/defaultvimindex.html
在! 圖片1 下,找到第一張圖片的鏈接參數 src=01.png,刪除 01.png,并粘貼上面步驟中復制的上傳到 OSS 01.png 圖片的訪問
地址。 同理,修改 02.png,03.png,04.png 的鏈接地址為 OSS 的存儲地址。
4) 完成所有圖片的修改后,點擊 esc鍵 退出編輯狀態,執行以下命令保存并退出編輯頁面。
:wq
11.在瀏覽器中,刷新 ECS實例的 外網地址 的訪問頁面,頁面將再次顯示 花園 的圖片,說明現在網站可以使用存儲在 OSS 上的圖片來顯示頁面。
特別聲明:以上文章內容僅代表作者本人觀點,不代表ESG跨境電商觀點或立場。如有關于作品內容、版權或其它問題請于作品發表后的30日內與ESG跨境電商聯系。
二維碼加載中...
使用微信掃一掃登錄
使用賬號密碼登錄
平臺顧問
微信掃一掃
馬上聯系在線顧問
小程序
ESG跨境小程序
手機入駐更便捷
返回頂部