七牛云圖片的存儲與處理(原理+實戰(zhàn))

技術演化的方向是什么宣蠕?
第一搁胆,生產(chǎn)的成本越來越低弥搞;
第二,做事的效率越來越高

一 【讓程序員頭痛的問題】

1 . 海量存儲
在互聯(lián)網(wǎng)的應用中渠旁,用戶會上傳大量的圖片以及文件攀例,而且訪問頻繁,如果文件都以傳統(tǒng)方式存在服務器磁盤上(單節(jié)點)顾腊,對CPU粤铭,內(nèi)存,磁盤空間和網(wǎng)絡帶寬等服務器資源都是很大的挑戰(zhàn)杂靶。主要體現(xiàn)在:

  • 單節(jié)訪問承耿,并發(fā)問題
  • 單節(jié)點存儲,單點故障
  • 訪問權限控制
  • 擴容(水平擴展)

2 . 圖片處理

  • 為了滿足前端顯示需要伪煤,一個圖片在不同的地方需要不同的尺寸加袋,需要剪裁活壓縮圖片。
  • 原圖太大抱既,帶寬的資源非常寶貴职烧,為了節(jié)省帶寬,需要圖片壓縮防泵。
  • 圖片鑒黃
  • 圖片加水印

二 【傳統(tǒng)的解決方案】

  • FastDFS蚀之,一個開源的輕量級,需自己部署和維護捷泞,解決海量存儲問題足删,但是成本高。

  • GraphicsMagick锁右,號稱圖像處理領域的瑞士軍刀失受,解決圖片處理問題讶泰,但是一樣成本高。

三 【七牛云解決方案】

優(yōu)點:

  • 高并發(fā)
  • 高可用
  • 易擴展
  • 低成本

四 【先看一下七牛的安全機制】

image.png
  • 上傳憑證:上傳文件的時候拂到,需要把uploadToken通過http post傳給七牛服務器才能完成身份驗證痪署。
  • 管理:如音視頻轉碼,視頻加水印兄旬,持久化處理等操作時狼犯,需要在調(diào)用api接口是,在http header 里加入Authorization : QBox AccessToken
  • 下載:如果空間為私有訪問時领铐,下載文件需要下載憑證悯森,就是在http get url 后面加入token參數(shù)

關于 uploadToken,AccessToken绪撵,token 生成算法呐馆,本文后面只談上傳:uploadToken

五 【上傳圖片】

1 . 快速入門,這個簡單莲兢,可以參考七牛官方文檔:
https://developer.qiniu.com/kodo/manual/1233/console-quickstart#step1

注:快速入門 會創(chuàng)建一個存儲空間(bucket):test汹来,后面生成uploadToken需要用到。

2 .生成uploadToken改艇, 因為我們通常是通過api接口上傳圖片的收班,根據(jù)七牛的安全機制,我們需要先生成uploadToken谒兄,然后把uploadToken作為post的參數(shù)摔桦,保證上傳的安全性。


uploadToken生成算法
  • AccessKey:必須參數(shù)承疲,可以在七牛后臺生成
  • SecretKey: 必須參數(shù)邻耕,可以在七牛后臺生成
  • bocket : 必須參數(shù),快速入門里已經(jīng)創(chuàng)建燕鸽,名為:test
  • key : 是可選參數(shù)兄世,如果加了該參數(shù),上傳文件時啊研,必須和這里的key保持一致
  • 策略參數(shù):是可選參數(shù)御滩,比如文件的大小,文件的類型等党远∠鹘猓可以參考:
    https://developer.qiniu.com/kodo/manual/1206/put-policy
AccessKey/SecretKey生成入口

AccessKey/SecretKey可以生成多個,用其中一個就行沟娱。

生成uploadToken的php代碼如下:

//安全的base64函數(shù)
function urlsafe_b64encode($string) {
   $data = base64_encode($string);
   $data = str_replace(array('+','/'),array('-','_',''),$data);
   return $data;
}
//AccessKey,SecretKey,bucket  參數(shù)賦值
$accessKey = '這里填寫自己的accessKey';
$secretKey = '這里填寫自己的secretKey';
$bucket = 'test';
//生成必要json數(shù)據(jù)氛驮,json里的scope就是空間名稱:bucket ,deadline 是過期時間济似,單位時間戳
$deadline = time() + 3600; //一小時后過期
$putPolicy = '{"scope":"test","deadline":' . $deadline . '}';
$encodedPutPolicy  = urlsafe_b64encode($putPolicy);
//對上面的數(shù)據(jù)進行簽名,其實就是hash算法
$sign = hash_hmac('sha1', $encodedPutPolicy, $secretKey, true);
$encodedSign = urlsafe_b64encode($sign);
//通過三個參數(shù)拼接uploadToken矫废。
$uploadToken = $accessKey . ':' . $encodedSign . ':' . $encodedPutPolicy;

echo "uploadToken: " . $uploadToken . "\n";


驗證規(guī)則說明:hash算法是不可逆的摘要算法盏缤,主要的目的就是保證傳遞的參數(shù)不被篡改。在這里傳遞的參數(shù)是putPolicy 磷脯,包括scope和deadline蛾找,傳遞過程中信息是公開的娩脾,和簽名后的sign 一起傳遞七牛服務器赵誓,七牛服務器會根據(jù)同樣的算法,同樣的參數(shù)再hash一次柿赊,然后用hash后的值跟傳過去sign值比較俩功,如果相等,說明數(shù)據(jù)沒有被篡改碰声,如果不等诡蜓,說明數(shù)據(jù)被篡改了。
這里要注意的是:一定要用url安全的base64算法

3.通過表單提交上傳文件到七牛云


image.png

標注1. 上傳的接口地址(http://upload.qiniu.com/
標注2. multipart/form-data 提交方式
標注3. 參數(shù):

  • token: 是上面生成的uploadToken
  • file:需要上傳的文件
  • key:給上傳到七牛服務器的文件起個名字胰挑,這個名字是唯一的蔓罚,不能重復。

標注4.返回成功的數(shù)據(jù)

注:這個是標準的http post 表單提交瞻颂,同樣可以用代碼模擬實現(xiàn)豺谈。這里就不具體寫了。
如果下載七牛的sdk贡这,只要通過設置三個參數(shù)(accessKey 茬末,secretKey ,bucket )盖矫,所有的功能代碼都已經(jīng)提供丽惭,只要調(diào)用相關方法就可以了。
官方參考地址:https://developer.qiniu.com/sdk#official-sdk

六 【圖片處理】

圖片處理其實非常簡單辈双,只要再圖片訪問的URL地址后面加上相關參數(shù)即可:
url?Imageslim :圖片瘦身
url? imageView2/0/w/<Width>/h/<Height> :等比縮放责掏,不裁剪
url? imageView2/1/w/<Width>/h/<Height> :等比縮放,居中裁剪

分別舉例:
http://7xqy21.com1.z0.glb.clouddn.com/1510647826.png?imageslim
http://7xqy21.com1.z0.glb.clouddn.com/1510647826.png?imageView2/0/w/200
http://7xqy21.com1.z0.glb.clouddn.com/1510647826.png?imageView2/1/w/200

更多處理方式參考:
https://developer.qiniu.com/dora/manual/1279/basic-processing-images-imageview2

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末湃望,一起剝皮案震驚了整個濱河市拷橘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌喜爷,老刑警劉巖冗疮,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異檩帐,居然都是意外死亡术幔,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門湃密,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诅挑,“玉大人四敞,你說我怎么就攤上這事“瓮祝” “怎么了忿危?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長没龙。 經(jīng)常有香客問我铺厨,道長,這世上最難降的妖魔是什么硬纤? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任解滓,我火速辦了婚禮,結果婚禮上筝家,老公的妹妹穿的比我還像新娘洼裤。我一直安慰自己,他們只是感情好溪王,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布腮鞍。 她就那樣靜靜地躺著,像睡著了一般莹菱。 火紅的嫁衣襯著肌膚如雪移国。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天芒珠,我揣著相機與錄音桥狡,去河邊找鬼。 笑死皱卓,一個胖子當著我的面吹牛裹芝,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播娜汁,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼嫂易,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了掐禁?” 一聲冷哼從身側響起怜械,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎傅事,沒想到半個月后缕允,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡蹭越,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年障本,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡驾霜,死狀恐怖案训,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情粪糙,我是刑警寧澤强霎,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站蓉冈,受9級特大地震影響城舞,放射性物質發(fā)生泄漏。R本人自食惡果不足惜洒擦,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一椿争、第九天 我趴在偏房一處隱蔽的房頂上張望怕膛。 院中可真熱鬧熟嫩,春花似錦、人聲如沸褐捻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽柠逞。三九已至昧狮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間板壮,已是汗流浹背逗鸣。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留绰精,地道東北人撒璧。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像笨使,于是被迫代替她去往敵國和親卿樱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348

推薦閱讀更多精彩內(nèi)容