快速搭建 Serverless 在線圖片處理應用

作者:倚賢

首先介紹下在本文出現的幾個比較重要的概念：

函數計算（Function Compute）：函數計算是一個事件驅動的服務，通過函數計算，用戶無需管理服務器等運行情況，只需編寫代碼并上傳。函數計算準備計算資源，并以彈性伸縮的方式運行用戶代碼，而用戶只需根據實際代碼運行所消耗的資源進行付費。函數計算更多信息參考。
ImageMagick：ImageMagick 是一個用于查看、編輯位圖文件以及進行圖像格式轉換的開放源代碼軟件套裝。它可以讀取、編輯超過100種圖象格式。參見維基百科詞條

ImageMagick 是圖片處理的利器，借助 ImageMagick 可以輕松實現圖片的裁剪和縮放。雖然很多語言都封裝了 ImageMagick 的調用庫，但是把圖片處理功能和核心業務功能放在同一個服務內，在軟件架構上往往不適合。有如下兩方面的原因：

一方面，圖片處理依賴外部的 bin，已經編譯好的二級制不具備可移植性，給打包發布帶來了麻煩。另一方面，圖片處理往往是比較耗費計算資源的，對于大多數業務系統來說圖片處理屬于邊緣業務，而非核心業務，所以為整個服務預留較多的計算資源是不劃算的。更好的選擇是把圖片處理類業務以微服務的形式切分出來，部署在具備彈性的底層服務之上。對于此類技術需求， Serverless 是非常切合的。

本文重點介紹如何快速地在函數計算平臺上部署一個彈性高可用的圖片處理服務，然后在此基礎上輕松的定制化。

快速開始

下面我們借助于函數計算的應用中心，快速地將圖片轉換服務給部署出來。

1. 打開函數計算 Image Resizer 應用詳情頁。如果您尚未開通函數計算服務可能需要先，開通服務是免費的，另外函數計算有每月免費額度，試用服務不會產生費用。

2. 滾動到Image Resizer 應用詳情頁的最底部，點擊“立即部署”按鈕。

3. 填寫應用名稱：my-image-resizer，然后點擊“部署”按鈕。

4. 拷貝 HttpTriggerEndpoint 里的網址。

5. 在瀏覽器里打開上面的網址，或者通過 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 請求之后，執行如下三個步驟：

1. 把 url 指向的圖片下載下來
2. 使用 imagemagick 進行圖片轉換
3. 將圖片通過 http 協議返回給客戶端

上面我們通過了函數計算的應用中心快速上線了一個圖片轉換的服務。函數計算是按照調用次數收費的，所以上述服務即使保持在線也不會產生費用。而又因為函數計算每月有免費的額度，所以日常開發的調用也不會產生費用。

定制化開發

依賴工具

本項目是在 MacOS 下開發的，涉及到的工具是平臺無關的，對于 Linux 和 Windows 桌面系統應該也同樣適用。在開始本例之前請確保如下工具已經正確的安裝，更新到最新版本，并進行正確的配置。

• Docker
• Funcraft

Fun 工具依賴于 docker 來模擬本地環境。

對于 MacOS 用戶可以使用 homebrew 進行安裝：

brew cask install docker
brew tap vangie/formula
brew install fun

Windows 和 Linux 用戶安裝請參考：

1. https://github.com/aliyun/fun/blob/master/docs/usage/installation.md

安裝好后，記得先執行 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

參考鏈接

1. Funcraft
2. Aliyun Serverless VSCode Extension

“阿里巴巴云原生技術圈關注微服務、Serverless、容器、Service Mesh 等技術領域、聚焦云原生流行技術趨勢、云原生大規模的落地實踐，做最懂云原生開發者的技術圈。”