阿里雲的oss看這一篇就夠,手把手教你,上傳下載速度再也不用愁了,個人網站速度太慢,一定要看!

OSS對象存儲是什麼?

舉個栗子,我的個人學生分享資源網站,用的是阿里的ESC服務器,給的寬帶是1M,在這裏普及一下寬帶和下載的速度比是8:1,也就是最多隻有100左右KB
,而且如果我把所有的資源文件都放在了服務器上,那麼扯淡一樣(很快就會存不下),而OSS就是解決這個問題的服務,你可以把你的上傳和下載功能交給他,他來幫你存儲和傳輸,你的服務器只是一個管理者,他的下載速度幾M左右,存儲空間無限制,說了這麼多來看一下怎麼把OSS加到我們的項目架構中。

第一步開通服務

先去阿里雲,打開OSS對象存儲服務
在這裏插入圖片描述之後創建一個存儲庫
在這裏插入圖片描述這樣基本的環境我們就有了,然後我們來看一下我們使用OSS看一下大概的原理,在這裏我才用的是比較安全有效率的方式,還有其他非常簡單,但是我想你如果真的要用的話,我還是推薦你使用這種方式。
在這裏插入圖片描述總體說一下啊,大概意思就是用戶(瀏覽器頁面)向你的服務器發送了一個請求上傳的命令,然後服務器收到之後就會發送請求給OSS,OSS會返回一個憑證也就是這裏所說的(policy),然後服務器就會把這個憑證返回給瀏覽器,這時候瀏覽器直接拿着這個憑證就去上傳給OSS了,也就是服務器只當了一個傳話的。

這時候很顯然的一個問題,用戶提交給服務器很簡單,但是當你的服務器向OSS發送請求時OSS怎麼認識你,所以你就得需要一個賬號密碼來連接OSS(具體細節不要怕因爲會有直接給你寫好的代碼,你直接改成自己的賬號密碼就行)。

你可能發現這個圖片上面有一個callback(回調),其實也很簡單,我們來想這個問題,當用戶拿到了憑證直接去上傳了,用戶上傳的是什麼,多大,我們根本不知道,但是文件大小,名稱很多情況下是我們很關注得問題,所以就有了callback,他的含義就是當OSS成功接收了用戶的上傳命令之後,OSS就是通過這個callback找到你的服務器地址,並在用戶上傳完畢後向服務器發送一個請求,這個請求包含了文件名大小等等,通過你自己的驗證邏輯向OSS返回一個OK的命令,那麼OSS就會把這個響應也返回給瀏覽器,你也注意到了,這時候不管你的服務器驗證結果是什麼,用戶已經上傳完畢了。

這些原理你知道你看懂了那麼實踐起來非常的方便,阿里已經給我們寫好了模板代碼,我們這要改不到10行代碼,就完全可以用了,那麼開始吧!

  1. 下載開發包
  2. 服務端代碼地址:http://docs-aliyun.cn-hangzhou.oss.aliyun-inc.com/assets/attach/86983/APP_zh/1537973714934/aliyun-oss-appserver-java-master.zip?spm=a2c4g.11186623.2.13.179c4c07D4N7yr&file=aliyun-oss-appserver-java-master.zip
  3. 頁面代碼下載地址:http://docs-aliyun.cn-hangzhou.oss.aliyun-inc.com/assets/attach/86983/APP_zh/1537971352825/aliyun-oss-appserver-js-master.zip?spm=a2c4g.11186623.2.15.179c4c07D4N7yr&file=aliyun-oss-appserver-js-master.zip
  4. 修改OSS倉庫允許外部訪問
  5. 在這裏插入圖片描述在這裏插入圖片描述
  6. .現在去下載的Java代碼中修改
  7. 在這裏插入圖片描述
    這裏的幾個參數都很簡單,唯一有點麻煩的是callbackUrl,他就是我所說的OSS執行回調的地址,OSS在用戶上傳完畢後會向這裏URL彙報文件大小,名稱等等,你也許明白了,這個URL即使錯誤也不是致命的,畢竟用戶已經上傳完了,之後你打包,直接 java -jar 就可以啓動服務了。

我們再來看一下前端代碼,你只需要去upload.js中改一行代碼,就可以用了。
在這裏插入圖片描述這個url就是你的服務器,瀏覽器會先發送請求給這個url,拿到憑證,這個服務器就是你剛纔看見的Java端的代碼。

在我阿里給的服務端和頁面,你可以把那兩個url改成一個,阿里也希望你這麼做,這也也和第一個圖片就吻合了,你的服務器又可以給用戶憑證,也可以接收OSS的回調,其實Java代碼裏已經處理了回調,阿里非常希望你這麼做,最後如果你還有什麼問題,或者想更深一步的瞭解更多的oss知識(畢竟我說的知識很皮毛),可以去阿里雲官網看看,真的很詳細!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章