與其說 Serverless 架構是一個新的概念，不如說它是一種全新的思路，一種新的程式設計正規化。

但是原生的 Serverless 開發框架卻非常少。以Web框架為例，目前主流的Web框架“均不支援Serverless模式部署”，因此我們一方面要嘗試接觸Serverless，一方面又沒辦法完全放棄傳統框架，所以如何將傳統框架更簡單、更快速、更科學地部署到Serverless架構是一個值得探討的問題。

## 請求整合方案

請求整合方案實際上就是把真實的API閘道器請求直接透傳給FaaS平臺，而不在中途增加任何轉換邏輯。以阿里雲函式計算的HTTP函式為例，當想要把傳統框架（例如Django、Flask、Express、Next.js等）部署到阿里雲函式計算平臺，並且體驗Serverless架構帶來的按量付費、彈性伸縮等紅利時，得益於阿里雲函式計算的HTTP函式和HTTP觸發器，使用者不僅可以快速、簡單地將框架部署到阿里雲函式計算平臺，還可以獲得和傳統開發一樣的體驗。

例如以Python的Bottle框架開發一個Bottle專案：

```
# index.py
import bottle

@bottle.route('/hello/<name>')
def index(name): 
return "Hello world"

if __name__ == '__main__': 
bottle.run(host='localhost', port=8080, debug=True)
```

之後，可以直接在本地進行除錯。當想要把該專案部署到阿里雲函式計算平臺時，只需要增加一個default_app的物件即可：

```
app = bottle.default_app()
```

整個專案的程式碼如下所示：

```
# index.py
import bottle

@bottle.route('/hello/<name>')
def index(name): 
     return "Hello world"
app = bottle.default_app()
if __name__ == '__main__':
     bottle.run(host='localhost', port=8080, debug=True)
```

若在阿里雲函式計算平臺建立函式，將入口函式設定為index.app即可。除了Bottle框架之外，其他Web框架的操作方法是類似的，再以Flask為例：

```
# index.py
from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world(): 
    return 'Hello, World!'

if __name__ == '__main__': 
    app.run( 
        host="0.0.0.0",
        port=int("8001")
)
```

在建立函式的時候設定入口函式為index.app，就可以保證該Flask專案執行在函式計算平臺上。

當然，除了使用已有的語言化Runtime（指具體語言的執行時，例如Python3執行時、Node. js12執行時），我們還可以考慮使用Custom Runtime和Custom Container來實現，例如，一個Web專案完成之後，可以編寫一個Bootstrap檔案（在Bootstrap檔案中寫一些啟動命令）。

例如要啟動一個Express專案，把Express專案準備完成之後，可以直接建立Bootstrap檔案，並將啟動命令配置到該檔案中：

```
#!/usr/bin/env bash
export PORT=9000
npm run star
```

阿里雲函式計算還提供了更簡單的Web框架遷移方案。如圖所示是阿里雲函式計算頁面傳統Web框架遷移功能示例。

![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665194547476-e560c301-7cf6-4bc0-a886-8b374311a9e5.png#clientId=u4312d12f-c50b-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=186&id=ub0f5cff3&margin=%5Bobject%20Object%5D&name=image.png&originHeight=174&originWidth=821&originalType=binary&ratio=1&rotation=0&showTitle=false&size=124087&status=error&style=none&taskId=ud89f9871-c919-4d31-a359-1b2d686083c&title=&width=875.7333333333333)
阿里雲函式計算頁面傳統Web框架遷移功能

選擇對應的環境之後，只需要上傳程式碼，做好簡單的配置，即可讓傳統的Web框架遷移至阿里雲函式計算平臺。

如果透過開發者工具進行部署，以Serverless Devs為例，首先建立index.py：

```
# -*- coding: utf-8 -*-
from bottle import route, run

@route('/')
def hello(): 
    return "Hello World!"

run(host='0.0.0.0', debug=False, port=9000)
```

然後編寫資源和行為描述檔案：

```
edition: 1.0.0 
name: framework                                                       #專案名稱
access: "default"                                                     #金鑰別名

services:
    framework:                                                        #業務名稱/模組名稱
        component: fc                                                 #元件名稱
        actions:
            pre-deploy: #在部署之前執行
                - run: pip3 install -r requirements.txt -t .          #要執行的命令列
                   path: ./code                                       #命令列執行的路徑
        props:                                                        #元件的屬性值
            region: cn-beijing
        service:
            name: web-framework
            description: 'Serverless Devs Web Framework Service'
        function:
            name: bottle
            description: 'Serverless Devs Web Framework Bottle Function'
            codeUri: './code'
            runtime: python3 
            handler: index.app 
            timeout: 60
       triggers:
            - name: httpTrigger
                type: http
                config:
                    authType: anonymous
                    methods:
                        - GET
      customDomains:
         - domainName: auto
             protocol: HTTP
             routeConfigs:
                 - path: '/*'
```

同時，提供對應的Bootstrap檔案，即啟動檔案：

```
#!/bin/bash
python3 index.py
```

完成之後，執行deploy指令進行部署：

```
s deploy
```

部署結果如圖所示。

![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665194740556-f8723b6d-846d-4d57-8791-e743cdf127b2.png#clientId=u4312d12f-c50b-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=287&id=u618b35a9&margin=%5Bobject%20Object%5D&name=image.png&originHeight=269&originWidth=789&originalType=binary&ratio=1&rotation=0&showTitle=false&size=217061&status=error&style=none&taskId=ua83f0f49-aa16-42c5-ad1d-16cf2731a80&title=&width=841.6)
Serverless Devs部署Bottle框架過程

根據返回的網址，可以看到部署結果預覽，如下圖所示。

![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665194951849-f15a3973-2305-4c0b-bf14-724e70027cfa.png#clientId=u4312d12f-c50b-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=85&id=u99e5212c&margin=%5Bobject%20Object%5D&name=image.png&originHeight=80&originWidth=489&originalType=binary&ratio=1&rotation=0&showTitle=false&size=41185&status=error&style=none&taskId=u1879150d-d9e6-46d5-aa7a-97e2c4edcd1&title=&width=521.6)
Serverless Devs部署結果預覽

透過Serverless Devs開發者工具，我們不僅可以簡單地進行傳統Web框架的部署，還可以快速在Serverless架構下進行傳統Web框架的初始化。以Express專案為例，只需要透過Serverless Devs開發者工具執行如下程式碼即可進行Express.js專案的初始化。

```
s init start-express
```

初始化的過程如圖所示。此時，只需要進入該專案執行如下程式碼即可快速進行專案的部署。

```
s deploy
```

![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665195035018-5a87dfff-80d8-4dfa-bc3a-705bc45bf609.png#clientId=u4312d12f-c50b-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=379&id=uec1abbf9&margin=%5Bobject%20Object%5D&name=image.png&originHeight=355&originWidth=549&originalType=binary&ratio=1&rotation=0&showTitle=false&size=133498&status=error&style=none&taskId=ue8ae6513-01d4-45c0-87cc-82ce779c6e0&title=&width=585.6)
透過Serverless Devs初始化Express專案

部署結果如圖所示。
![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665195071938-a5a03878-835c-421b-89ea-2c611bded74c.png#clientId=u4312d12f-c50b-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=245&id=u043a3a27&margin=%5Bobject%20Object%5D&name=image.png&originHeight=230&originWidth=580&originalType=binary&ratio=1&rotation=0&showTitle=false&size=95830&status=error&style=none&taskId=u4e34e4bc-ee5c-4ca6-9fc1-5b4c79283fd&title=&width=618.6666666666666)

開啟系統分配的地址，可以看到透過Serverless Devs開發者工具初始化的Express專案，效果展示如下圖所示。
![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665195103978-a05cad96-d250-40d6-a054-b3f3a32447af.png#clientId=u4312d12f-c50b-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=308&id=udbf19af6&margin=%5Bobject%20Object%5D&name=image.png&originHeight=289&originWidth=454&originalType=binary&ratio=1&rotation=0&showTitle=false&size=88396&status=error&style=none&taskId=u0c670206-4835-4a93-a2d7-c41f550aa7f&title=&width=484.26666666666665)
Express專案完成效果展示

當然，目前Serverless Devs開發者工具不僅支援Express專案的快速初始化（見表），還支援包括Django、Flask、SpringBoot等數十個傳統框架的快速建立與部署。

表格--Serverless Devs支援快速建立和部署的傳統框架

| 語言 | Node.js | Python | PHP | Java | 其他 |
| --- | --- | --- | --- | --- | --- |
| 所支援的框架 | 　Express.js | 　Flask | 　Think PHP | 　SpringBoot | 　Vue.js |
|  | 　Egg.js | FastAPI | 　Laravel | 
 | 　React.js |
|  | 　Nuxt.js | 　Django | 　Zblog | 
 | 　Docusaurus |
|  | 　Next.js | 　Tornado | 　Wordpress | 
 | 　Hexo |
|  | 　Nest.js | 　Web.py | 　Discuz | 
 | 　Vuepress |
|  | 　Thinkjs | 　Pyramid | 　Metinfo | 
 | 
 |
|  | 　Koa.js | 　Bottle | 　Whatsns | 
 | 
 |
|  | 　Connect | 
 | 　Ecshop | 
 | 
 |
|  | 　Hapi | 
 | 　Typecho | 
 | 
 |

綜上所述，透過阿里雲函式計算進行傳統Web框架的部署和遷移是很方便的，並且得益於HTTP函式與HTTP觸發器，整個過程侵入性非常低。當然，將傳統Web框架部署到阿里雲上的可選方案也比較多。

- 程式語言化的Runtime：只需要寫好函式入口即可。
- Custom Runtime：只需要寫好Bootstrap即可。
- Custom Container：直接按照規範上傳映象檔案即可。

部署途徑也是多種多樣的，具體如下。

- 直接在控制檯建立函式。
- 在應用中心處建立Web應用。
- 利用開發者工具。

## 其它方案

相對於阿里雲的HTTP函式以及HTTP觸發器，其它FaaS平臺則需要藉助API閘道器以及一個轉換層來實現傳統Web框架到FaaS平臺的部署。

如圖所示，以Python Web框架為例，在通常情況下，使用Flask等框架時實際上要透過Web Server才能進入下一個環節，而云函式是一個函式，本不需要啟動Web Server，所以可以直接呼叫wsgi_app方法。

![image.png](https://intranetproxy.alipay.com/skylark/lark/0/2022/png/22456429/1665202482999-478f1892-8ecd-48b4-8461-44ab51d89182.png#clientId=u57c1f2e4-e06e-4&crop=0&crop=0&crop=1&crop=1&errorMessage=unknown%20error&from=paste&height=446&id=u28e5bd11&margin=%5Bobject%20Object%5D&name=image.png&originHeight=418&originWidth=828&originalType=binary&ratio=1&rotation=0&showTitle=false&size=169898&status=error&style=none&taskId=u19731fc7-e697-4db5-800e-423a9575af4&title=&width=883.2)
傳統WSGI Web Server工作原理示例

這裡的environ就是對event/context等處理後的物件，也就是所說的轉換層要做的工作；start_response可以認為是一種特殊的資料結構，例如response結構形態等。

當然，轉換工作在某些情況下還是比較麻煩的，所以很多時候我們可以藉助常見的開發者工具進行傳統Web框架的部署，例如藉助開源的開發者工具Serverless Devs、Serverless Framework等。</name></name>

如何將傳統 Web 框架遷移部署到 Serverless 架構？

相關文章