220
5.22成都workshop：1、海量數據存儲與多媒體處理
海量數據存儲與多媒體處理
場景描述
- 某遊戲公司需要將遊戲的靜態數據比如圖片放在在OSS上
- 某遊戲公司需要對存放在OSS上的圖片進行縮略、旋轉、裁剪等處理
實驗步驟
1. 下載演示用的文件包OSS演示文件包並解壓
2. 登陸阿裏雲官網
點擊登陸界麵,輸入賬號和密碼登陸即可，如果要求綁定手機號，則選擇“下次再說”
3. 進入OSS控製台
4. 新建bucket
bucket名稱的字符集是小寫字母、數字和橫杠，全局唯一，自己定一個就行，本文檔以storage-workshop-1為例，所屬區域選擇“華東2”，也就是上海區域，存儲類型是“標準存儲”，為了方便演示，讀寫權限選擇“公共讀”，點擊確認即可
5. 上傳文件
上一步完成後會自動進入bucket的管理界麵，選擇左側“Object管理”，然後選擇“上傳文件”，在彈出的對話框中選擇我們第一步下載的壓縮包中的“144-bigskin-1.jpg”上傳即可，點擊刷新，即可看到剛才上傳的文件
6. 下載文件或者在瀏覽器中打開文件
從剛才上傳的文件右側點擊“獲取地址”，將地址複製出來放到瀏覽器中即可看到剛才上傳的文件
7. 圖片處理
所有的圖片處理操作可見文檔圖片處理，此文檔以縮略、旋轉、裁剪為例演示
縮略
在步驟6中生成的url後麵添加”?x-oss-process=image/resize,m_fixed,h_400,w_600”，回車即可，可以改變其中的數值查看效果
旋轉
在步驟6中生成的url後麵添加”?x-oss-process=image/rotate,90”，回車即可，可以改變其中的數值查看效果
裁剪
在步驟6中生成的url後麵添加”?x-oss-process=image/circle,r_500”，回車即可，可以改變其中的數值查看效果
管道
如果要同時實現縮略、旋轉以及裁剪，可以采用管道連接，比如在步驟6中生成的url後麵添加”?x-oss-process=image/resize,m_fixed,h_400,w_600/rotate,90/circle,r_500”,回車即可，可以改變其中的數值觀察效果
樣式
- 創建樣式。回到bucket的管理界麵，依次選擇左側的“圖片處理”=》“樣式管理”=》“創建樣式”，進入創建樣式的界麵，選擇“高級編輯”，填入樣式名，將“管道”一節中添加的參數填入框中，右側點擊預覽，觀察效果後保存
- 使用生成的樣式。在步驟6中生成的域名後麵添加“?x-oss-process=style/mystyle”，可以看到和管道一節一樣的效果，但是url已經縮短了很多
最後更新：2017-05-21 15:31:21