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

做者:倚賢

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

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

ImageMagick 是圖片處理的利器，藉助 ImageMagick 能夠輕鬆實現圖片的裁剪和縮放。雖然不少語言都封裝了 ImageMagick 的調用庫，可是把圖片處理功能和核心業務功能放在同一個服務內，在軟件架構上每每不適合。有以下兩方面的緣由：

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

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

<a name="c182e73c"></a>

快速開始

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

打開函數計算 Image Resizer 應用詳情頁。若是您還沒有開通函數計算服務可能須要先，開通服務是免費的，另外函數計算有每個月免費額度，試用服務不會產生費用。 <br />

滾動到Image Resizer 應用詳情頁的最底部，點擊「當即部署」按鈕。 <br />

填寫應用名稱：my-image-resizer，而後點擊「部署」按鈕。 <br />

拷貝 HttpTriggerEndpoint 裏的網址。 <br />

在瀏覽器裏打開上面的網址，或者經過 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

<a name="b3fbd195"></a>

工做原理

這是一個單函數結合 Http Trigger 的應用。Http Trigger 以 HTTP GET 方法對外暴露服務，客戶端傳遞三個請求參數：url、width 和 height。其中

• url 表示須要進行處理的源圖片地址
• width 表示裁剪或縮放後的圖片寬度
• height 表示裁剪的圖片寬度。該參數缺失時，表示採用縮放的方式調整圖片。

該應用的架構圖以下：

FC 函數接受到 HTTP 請求以後，執行以下三個步驟：

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

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

<a name="37b47a97"></a>

定製化開發

<a name="c3dd8329"></a>

依賴工具

本項目是在 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

<a name="2cb472ff"></a>

初始化

git clone https://github.com/vangie/fc-image-resizer
cd fc-image-resizer

<a name="277b7e0f"></a>

安裝依賴

npm install

<a name="26759572"></a>

本地運行

$ 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

<a name="a9f94dcd"></a>

部署

fun deploy

爲了得到更好的開發體驗，建議安裝 Aliyun Serverless VSCode Extension

<a name="ea6f3b87"></a>

參考連接

1. Funcraft
2. Aliyun Serverless VSCode Extension

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