作者:倚賢
首先介紹下在本文出現的幾個比較重要的概念:
函數計算(Function Compute):函數計算是一個事件驅動的服務,通過函數計算,使用者無需管理伺服器等運作情況,隻需編寫代碼并上傳。函數計算準備計算資源,并以彈性伸縮的方式運作使用者代碼,而使用者隻需根據實際代碼運作所消耗的資源進行付費。函數計算更多資訊 參考。
ImageMagick:ImageMagick 是一個用于檢視、編輯位圖檔案以及進行圖像格式轉換的開放源代碼軟體套裝。它可以讀取、編輯超過100種圖象格式。。參見維基百科
詞條
ImageMagick 是圖檔處理的利器,借助 ImageMagick 可以輕松實作圖檔的裁剪和縮放。雖然很多語言都封裝了 ImageMagick 的調用庫,但是把圖檔處理功能和核心業務功能放在同一個服務内,在軟體架構上往往不适合。有如下兩方面的原因:
一方面,圖檔處理依賴外部的 bin,已經編譯好的二級制不具備可移植性,給打包釋出帶來了麻煩。另一方面,圖檔處理往往是比較耗費計算資源的,對于大多數業務系統來說圖檔處理屬于邊緣業務,而非核心業務,是以為整個服務預留較多的計算資源是不劃算的。更好的選擇是把圖檔處理類業務以微服務的形式切分出來,部署在具備彈性的底層服務之上。對于此類技術需求, Serverless 是非常切合的。
本文重點介紹如何快速地在函數計算平台上部署一個彈性高可用的圖檔處理服務,然後在此基礎上輕松的定制化。
快速開始
下面我們借助于函數計算的應用中心,快速地将圖檔轉換服務給部署出來。
- 打開函數計算 Image Resizer 應用詳情頁 。如果您尚未開通函數計算服務可能需要先,開通服務是免費的,另外函數計算有每月免費額度,試用服務不會産生費用。

- 填寫應用名稱:
,然後點選“部署”按鈕。my-image-resizer
- 拷貝 HttpTriggerEndpoint 裡的網址。
- 在浏覽器裡打開上面的網址,或者通過 curl 進行調用。注意:由于沒有綁定域名,是以應用中心會預設下載下傳而不是直接在浏覽器裡打開圖檔。
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
工作原理
這是一個單函數結合 Http Trigger 的應用。Http Trigger 以 HTTP GET 方法對外暴露服務,用戶端傳遞三個請求參數:url、width 和 height。其中
- url 表示需要進行處理的源圖檔位址
- width 表示裁剪或縮放後的圖檔寬度
- height 表示裁剪的圖檔寬度。該參數缺失時,表示采用縮放的方式調整圖檔。
該應用的架構圖如下:
FC 函數接受到 HTTP 請求之後,執行如下三個步驟:
- 把 url 指向的圖檔下載下傳下來
- 使用 imagemagick 進行圖檔轉換
- 将圖檔通過 http 協定傳回給用戶端
上面我們通過了函數計算的應用中心快速上線了一個圖檔轉換的服務。函數計算是按照調用次數收費的,是以上述服務即使保持線上也不會産生費用。而又因為函數計算每月有免費的額度,是以日常開發的調用也不會産生費用。
定制化開發
依賴工具
本項目是在 MacOS 下開發的,涉及到的工具是平台無關的,對于 Linux 和 Windows 桌面系統應該也同樣适用。在開始本例之前請確定如下工具已經正确的安裝,更新到最新版本,并進行正确的配置。
Fun 工具依賴于 docker 來模拟本地環境。
對于 MacOS 使用者可以使用
homebrew進行安裝:
brew cask install docker
brew tap vangie/formula
brew install fun
Windows 和 Linux 使用者安裝請參考:
安裝好後,記得先執行
fun config
初始化一下配置。
注意, 如果你已經安裝過了 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
本地運作
$ fun local start
using template: .fun/build/artifacts/template.yml
HttpTrigger httpTrigger of ResizeService/ResizeFunction was registered
url: http://localhost:8000/2016-08-15/proxy/ResizeService/ResizeFunction
methods: [ 'GET' ]
authType: ANONYMOUS
function compute app listening on port 8000!
然後使用浏覽器或者 curl 調試網址
http://localhost:8000/2016-08-15/proxy/ResizeService/ResizeFunction部署
fun deploy
為了獲得更好的開發體驗,建議安裝
Aliyun Serverless VSCode Extension參考連結
“ 阿裡巴巴雲原生技術圈 關注微服務、Serverless、容器、Service Mesh 等技術領域、聚焦雲原生流行技術趨勢、雲原生大規模的落地實踐,做最懂雲原生開發者的技術圈。”