快速搭建 Serverless 在线图片处理应用
作者:倚賢
首先介紹下在本文出現(xiàn)的幾個(gè)比較重要的概念：
函數(shù)計(jì)算（Function Compute）：函數(shù)計(jì)算是一個(gè)事件驅(qū)動(dòng)的服務(wù)，通過(guò)函數(shù)計(jì)算，用戶無(wú)需管理服務(wù)器等運(yùn)行情況，只需編寫(xiě)代碼并上傳。函數(shù)計(jì)算準(zhǔn)備計(jì)算資源，并以彈性伸縮的方式運(yùn)行用戶代碼，而用戶只需根據(jù)實(shí)際代碼運(yùn)行所消耗的資源進(jìn)行付費(fèi)。函數(shù)計(jì)算更多信息參考。
ImageMagick：ImageMagick 是一個(gè)用于查看、編輯位圖文件以及進(jìn)行圖像格式轉(zhuǎn)換的開(kāi)放源代碼軟件套裝。它可以讀取、編輯超過(guò)100種圖象格式。。參見(jiàn)維基百科詞條
ImageMagick 是圖片處理的利器，借助 ImageMagick 可以輕松實(shí)現(xiàn)圖片的裁剪和縮放。雖然很多語(yǔ)言都封裝了 ImageMagick 的調(diào)用庫(kù)，但是把圖片處理功能和核心業(yè)務(wù)功能放在同一個(gè)服務(wù)內(nèi)，在軟件架構(gòu)上往往不適合。有如下兩方面的原因：
一方面，圖片處理依賴外部的 bin，已經(jīng)編譯好的二級(jí)制不具備可移植性，給打包發(fā)布帶來(lái)了麻煩。另一方面，圖片處理往往是比較耗費(fèi)計(jì)算資源的，對(duì)于大多數(shù)業(yè)務(wù)系統(tǒng)來(lái)說(shuō)圖片處理屬于邊緣業(yè)務(wù)，而非核心業(yè)務(wù)，所以為整個(gè)服務(wù)預(yù)留較多的計(jì)算資源是不劃算的。更好的選擇是把圖片處理類業(yè)務(wù)以微服務(wù)的形式切分出來(lái)，部署在具備彈性的底層服務(wù)之上。對(duì)于此類技術(shù)需求， Serverless 是非常切合的。
本文重點(diǎn)介紹如何快速地在函數(shù)計(jì)算平臺(tái)上部署一個(gè)彈性高可用的圖片處理服務(wù)，然后在此基礎(chǔ)上輕松的定制化。
快速開(kāi)始
下面我們借助于函數(shù)計(jì)算的應(yīng)用中心，快速地將圖片轉(zhuǎn)換服務(wù)給部署出來(lái)。
打開(kāi)函數(shù)計(jì)算 [Image Resizer 應(yīng)用詳情頁(yè)](https://statistics.functioncompute.com/?title=快速搭建 Serverless 在線圖片處理應(yīng)用&src=article&author=倚賢&url=https://fc.console.aliyun.com/fc/applications/cn-shanghai/template/Image-Resizer#intro)。如果您尚未開(kāi)通函數(shù)計(jì)算服務(wù)可能需要先，開(kāi)通服務(wù)是免費(fèi)的，另外函數(shù)計(jì)算有每月免費(fèi)額度，試用服務(wù)不會(huì)產(chǎn)生費(fèi)用。
滾動(dòng)到[Image Resizer 應(yīng)用詳情頁(yè)](https://statistics.functioncompute.com/?title=快速搭建 Serverless 在線圖片處理應(yīng)用&src=article&author=倚賢&url=https://fc.console.aliyun.com/fc/applications/cn-shanghai/template/Image-Resizer#intro)的最底部，點(diǎn)擊“立即部署”按鈕。
填寫(xiě)應(yīng)用名稱：my-image-resizer，然后點(diǎn)擊“部署”按鈕。
拷貝 HttpTriggerEndpoint 里的網(wǎng)址。
在瀏覽器里打開(kāi)上面的網(wǎng)址，或者通過(guò) curl 進(jìn)行調(diào)用。注意：由于沒(méi)有綁定域名，所以應(yīng)用中心會(huì)默認(rèn)下載而不是直接在瀏覽器里打開(kāi)圖片。
curl 'https://xxxxx.cn-shanghai.fc.aliyuncs.com/2016-08-15/proxy/my-image-resizer-ResizeService-5A40B5A8B981/my-image-resizer-ResizeFunction-3E71C57C0094/' --output resized.jpg工作原理
這是一個(gè)單函數(shù)結(jié)合 Http Trigger 的應(yīng)用。Http Trigger 以 HTTP GET 方法對(duì)外暴露服務(wù)，客戶端傳遞三個(gè)請(qǐng)求參數(shù)：url、width 和 height。其中
- url 表示需要進(jìn)行處理的源圖片地址
- width 表示裁剪或縮放后的圖片寬度
- height 表示裁剪的圖片寬度。該參數(shù)缺失時(shí)，表示采用縮放的方式調(diào)整圖片。
該應(yīng)用的架構(gòu)圖如下：
FC 函數(shù)接受到 HTTP 請(qǐng)求之后，執(zhí)行如下三個(gè)步驟：
上面我們通過(guò)了函數(shù)計(jì)算的應(yīng)用中心快速上線了一個(gè)圖片轉(zhuǎn)換的服務(wù)。函數(shù)計(jì)算是按照調(diào)用次數(shù)收費(fèi)的，所以上述服務(wù)即使保持在線也不會(huì)產(chǎn)生費(fèi)用。而又因?yàn)楹瘮?shù)計(jì)算每月有免費(fèi)的額度，所以日常開(kāi)發(fā)的調(diào)用也不會(huì)產(chǎn)生費(fèi)用。
定制化開(kāi)發(fā)
依賴工具
本項(xiàng)目是在 MacOS 下開(kāi)發(fā)的，涉及到的工具是平臺(tái)無(wú)關(guān)的，對(duì)于 Linux 和 Windows 桌面系統(tǒng)應(yīng)該也同樣適用。在開(kāi)始本例之前請(qǐng)確保如下工具已經(jīng)正確的安裝，更新到最新版本，并進(jìn)行正確的配置。
- Docker
- Funcraft
Fun 工具依賴于 docker 來(lái)模擬本地環(huán)境。
對(duì)于 MacOS 用戶可以使用 homebrew 進(jìn)行安裝：
brew cask install docker brew tap vangie/formula brew install funWindows 和 Linux 用戶安裝請(qǐng)參考：
安裝好后，記得先執(zhí)行 fun config 初始化一下配置。
注意, 如果你已經(jīng)安裝過(guò)了 funcraft，確保 funcraft 的版本在 3.1.3 以上。
$ fun --version 3.1.3初始化
git clone https://github.com/vangie/fc-image-resizer cd fc-image-resizer安裝依賴
npm install本地運(yùn)行
$ fun local start using template: .fun/build/artifacts/template.yml HttpTrigger httpTrigger of ResizeService/ResizeFunction was registeredurl: http://localhost:8000/2016-08-15/proxy/ResizeService/ResizeFunctionmethods: [ 'GET' ]authType: ANONYMOUSfunction compute app listening on port 8000!然后使用瀏覽器或者 curl 調(diào)試網(wǎng)址 http://localhost:8000/2016-08-15/proxy/ResizeService/ResizeFunction
部署
fun deploy為了獲得更好的開(kāi)發(fā)體驗(yàn)，建議安裝 Aliyun Serverless VSCode Extension
參考鏈接
“阿里巴巴云原生技術(shù)圈關(guān)注微服務(wù)、Serverless、容器、Service Mesh 等技術(shù)領(lǐng)域、聚焦云原生流行技術(shù)趨勢(shì)、云原生大規(guī)模的落地實(shí)踐，做最懂云原生開(kāi)發(fā)者的技術(shù)圈。”
總結(jié)
以上是生活随笔為你收集整理的快速搭建 Serverless 在线图片处理应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 利用 FC OSS 快速搭建 Ser
- 下一篇： 有了 serverless，前端也可以快