# 前言

本文旨在透過 **快速部署一個 wordpress 網站到阿里雲[函式計算](https://help.aliyun.com/product/50980.html)平臺** 這個示例來展示 serverless web 新的開發模式, 包括 FUN 工具一鍵初始化 NAS, 同步網站到 NAS, 一鍵部署等能力， 展現函式計算的開發敏捷特性、自動彈性伸縮能力、免運維和完善的監控設施。

相關參考文件： [https://yq.aliyun.com/articles/640912](https://yq.aliyun.com/articles/640912)

## 1.1 DEMO 概述

- DEMO 示例效果入口: [http://hz.mofangdegisn.cn](http://hz.mofangdegisn.cn)
  - 賬號： fc-test-user
  - 密碼： fc-test-pwd
- DEMO 示例工程地址: [fc-wordpress](https://github.com/awesome-fc/fc-wordpress)

**開通服務**

[免費開通函式計算](https://statistics.functioncompute.com/?title=ServerlessWordpress&theme=ServerlessWeb&author=rsong&src=article&url=http://fc.console.aliyun.com)， 按量付費，函式計算有很大的免費額度。

[免費開通檔案儲存服務NAS](https://nas.console.aliyun.com/)， 按量付費

## 1.2 解決方案

![1.png](https://ucc.alicdn.com/pic/developer-ecology/f7f3179b44054bf4a132f91e17d300db.png)

如上圖所示， 當多個使用者透過對外提供的 url 訪問web服務的時候時候，每秒的請求幾百上千都沒有關係， 函式計算平臺會自動伸縮， 提供足夠的執行例項來響應使用者的請求， 同時函式計算提供了完善的監控設施來監控您的函式執行情況。

## 1.3 Serverless 方案與傳統自建 web 方案對比
| ITEM | 成本 | 穩定性 |
| --- | --- | --- |
| 基於 VM 方案 | 使用 ecs.t5-lc1m1.small, 22.8元/月 | 伺服器和資料庫在同一臺VM, 均無主備容災，同時該規格的主機本身效能弱 |
| 輕量應用伺服器 | 60元/月(1vCPU 1GB 1Mbps 20GB[ssd]) | 伺服器和資料庫在同一臺VM, 均無主備容災，同時該規格的主機本身效能弱 |
| 函式計算 | sqlite3 版本約為 1元/月 mysql 版本大約 26元/月 | 高 |

函式計算完整費用詳情：

- 每月前 100 萬次函式呼叫免費， 每月前 400000(GB*秒) 費用免費， 函式的記憶體可以設定為 128M 或者 256M, 因此對於一個一個月訪問量低於 100 萬次的網站， 該項是免費的
- 對於低成本的網站， 假設一個月的產生的公網流量為 1GB, 0.8元
- NAS, US$0.06/GB/Month, 網站大小為 50M， 即使按 1G 計算， 0.42元
- RDS mysql 最基本的單機版本， 25元/月

[函式計算計費](https://help.aliyun.com/document_detail/137980.html) | [NAS 定價](https://www.alibabacloud.com/zh/product/nas/pricing?spm=a2796.10410706.1184211.1.225e1af83WbMA1)

如上所述， 在低成本網站領域， 函式計算具有十分明顯的成本優勢，同時還保持了彈效能力，以後業務規模做大以後並沒有技術切換成本（可能需要做的只是更換一個更強的關係型資料庫), 同時財務成本增長配合預付費也能保持平滑。低成本網站變成高可用高效能網站如絲般順滑， 高效能網站詳情可以參考文末 [FAQ](#faq) 中的 Q1 問題。

# 函式計算執行 PHP 框架原理

在具體操作部署之前， 先簡單梳理一遍 函式計算執行 PHP 框架原理

## 2.1 傳統伺服器 PHP 執行原理

- 原理示意圖
![2.png](https://ucc.alicdn.com/pic/developer-ecology/2b9cb30f2bdb4404a0984bf9e52eb751.png)

- A simple nginx conf
![3.png](https://ucc.alicdn.com/pic/developer-ecology/c0350efed48d45eda617192ce95fe81a.png)

從上面原理示意圖我們可以看出，Web 伺服器根據 conf 中 location將 PHP 指令碼交給 php-fpm 去解析，然後將解析後的結果返回給 client 端

## 2.2 FC 驅動 PHP 工程原理

![4.png](https://ucc.alicdn.com/pic/developer-ecology/2b7b88746158438695dbdee402a83397.png)

- 函式計算的執行環境例項相當於傳統 web 服務的 Apache/Nginx
- 使用者函式相當於實現 Apache/Nginx 的 conf 中 location
- 使用者將 Web 網站部署在 NAS，然後掛載 NAS 到函式的執行環境， 比如下面程式碼中  `/mnt/auto` 目錄
- 對於 WordPress 入口函式程式碼就是這麼簡單: [index.php](https://github.com/awesome-fc/fc-wordpress/blob/master/fc-web-sqlite/index.php)

其中函式計算為使用者提供了一個 `$GLOBALS['fcPhpCgiProxy']` 物件用來和 php-fpm 進行互動，對 PHP 工程中的 php 檔案進行解析，該物件提供了兩個重要的介面:
  - requestPhpCgi
```php
requestPhpCgi($request, $docRoot, $phpFile = "index.php", $fastCgiParams = [], $options = [])
```

- `$request`:  跟 `php http invoke` 入口的引數一致
    - `$docRoot`:  Web 工程的根目錄
    - `$phpFile`:  用於拼接 cgi 引數中的 SCRIPT_FILENAME 的預設引數
    - `$fastCgiParams`:  函式計算內部儘量根據 $request給您構造 `default cgi params`, 但是如果您不是想要的，可以使用`$fastCgiParams`覆蓋一些引數 (reference: [cgi](https://en.wikipedia.org/wiki/Common_Gateway_Interface))
    - `$options`: array型別，可選引數， debug_show_cgi_params  設為 true ，會列印每次請求 php 解析時候的 cgi 引數， 預設為 false ；readWriteTimeout 設定解析的時間， 預設為 5 秒

如果您有興趣， 可以瞭解下函式計算 PHP Runtime:

- [PHP 入口函式](https://help.aliyun.com/document_detail/89029.html?spm=a2c4g.11186623.6.564.1e791cb3eVScaH)
- [PHP 執行環境](https://help.aliyun.com/document_detail/89032.html?spm=a2c4g.11186623.6.566.49815db2RWZzqb)

# 案例操作步驟

## 準備條件

[免費開通函式計算](https://statistics.functioncompute.com/?title=ServerlessWordpress&theme=ServerlessWeb&author=rsong&src=article&url=http://fc.console.aliyun.com)， 按量付費，函式計算有很大的免費額度。

[免費開通檔案儲存服務NAS](https://nas.console.aliyun.com/)， 按量付費

有一個域名， 比如 abc.com， 並將域名 CNAME 解析到 函式計算(FC) 對應的 region

> 如您想在杭州的 region 部署 wordpres 網站， 則將 abc.com CNAME 解析到 12345.cn-hangzhou.fc.aliyuncs.com, 其中 12345 是您的 accountId

## 3.1	安裝最新的 Fun 工具

- 安裝版本為8.x 最新版或者10.x 、12.x [nodejs](https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions-enterprise-linux-fedora-and-snap-packages)
- 安裝 [funcraf](https://github.com/alibaba/funcraft/blob/master/docs/usage/installation-zh.md)

## 3.2 Clone 工程

`git clone https://github.com/awesome-fc/fc-wordpress.git`

## 3.3 根據需要使用的資料庫進入不同的目錄

- 複製 .env_example 檔案為 .env,  並且修改 .env 中的資訊為自己的資訊

> 如果使用 mysql 資料庫, 參考章節 3.3.1

> 如果使用 sqlite3 資料庫, 參考章節 3.3.2

### 3.3.1 使用 mysql 資料庫

- 進入 目錄 fc-wp-mysql
```bash
fun nas init
fun nas info
```
> fun nas init: 初始化 NAS, 基於您的 .env 中的資訊獲取(已有滿足條件的nas)或建立一個同region可用的nas
> 如果你沒有修改 templata.yml 中的配置 service名字， 那麼則可以進入下一步； 如果有修改， 會在當前目錄生成新的目錄 .fun/nas/auto-default/{serviceName} (fun nas info 可以列出新的目錄),  將預設目錄下的 .fun/nas/auto-default/fc-wp-mysql/wordpress 的wordpress目錄複製到 .fun/nas/auto-default/{serviceName} 下， 同時可以刪除目錄 .fun/nas/auto-default/fc-wp-mysql/wordpress

- 上傳 wordpress 網站到 NAS
```bash
fun nas sync
fun nas ls nas:///mnt/auto/
```
> `fun nas sync`: 將本地 NAS 中的內容（.fun/nas/auto-default/fc-wp-mysql）上傳到 NAS 中的 fc-wp-mysql 目錄
> `fun nas ls nas:///mnt/auto/`: 檢視我們是否已經正確將檔案上傳到了 NAS

### 3.3.2 使用 sqlite3 資料庫

- 進入 目錄 fc-wp-sqlite
```bash
fun nas init
fun nas info
```
> fun nas init: 初始化 NAS, 基於您的 .env 中的資訊獲取(已有滿足條件的nas)或建立一個同region可用的nas
> 如果你沒有修改 templata.yml 中的配置 service名字， 那麼則可以進入下一步； 如果有修改， 會在當前目錄生成新的目錄 .fun/nas/auto-default/{serviceName} (fun nas info 可以列出新的目錄),  將預設目錄下的 .fun/nas/auto-default/fc-wp-sqlite/wordpress 的wordpress目錄複製到 .fun/nas/auto-default/{serviceName} 下， 同時可以刪除目錄 .fun/nas/auto-default/fc-wp-sqlite/wordpress

- 本地完成安裝過程， 初始化 sqlite3 資料庫
  - 在目錄 .fun/nas/auto-default/fc-wp-sqlite/wordpress 中輸入命令：
```bash
php -S 0.0.0.0:80
```

- 修改 host 檔案，新增  `127.0.0.1	hz.mofangdegisn.cn`
> - linux/mac : vim /etc/hosts
> - windows7: C:\Windows\System32\drivers\etc
> 
其中 hz.mofangdegisn.cn 是您預先準備的域名

- 透過瀏覽器輸入 hz.mofangdegisn.cn， 這個時候沒有mysql資料庫設定頁面，完成 wordpress 安裝過程
> 成功安裝以後， 這個時候， .fun/nas/auto-default/fc-wp-sqlite/wordpress/wp-content 下面應該有一個 database 的目錄， ls -a 檢視， 應該有 .ht.sqlite 這個 sqlite3 資料庫檔案

- 回退 host 檔案的修改
<br>注: 中間修改 host 的目的是初始化 sqlite3 資料庫的時候， base site url 是提前準備的域名， 而不是 127.0.0.1
- 上傳 wordpress 網站到 NAS
```bash
fun nas sync
fun nas ls nas:///mnt/auto/
```
> `fun nas sync`: 將本地 NAS 中的內容（.fun/nas/auto-default/fc-wp-sqlite）上傳到 NAS 中的 fc-wp-sqlite 目錄
> `fun nas ls nas:///mnt/auto/`: 檢視我們是否已經正確將檔案上傳到了 NAS

## 3.4 部署函式到FC平臺

接下來將函式部署到雲平臺：

- 修改 index.php 中的 $host 中的值
- 修改 template.yml LogConfig 中的 Project, 任意取一個不會重複的名字即可
- 修改 template.yml 自定義域名為自己提前準備好的域名
- 執行 `fun deploy`

登入控制檯 [https://fc.console.aliyun.com](https://fc.console.aliyun.com)，可以看到service 和 函式已經建立成功， 並且 service 也已經正確配置。

透過瀏覽器開啟自己之前配置的域名， 比如本例中的 hz.mofangdegisn.cn

- mysql 版本資料庫， 可以直接跟傳統的 wordpress 一樣，直接進入安裝過程
- sqlite3 版本資料庫， 由於之前已經完成初始化，可以直接進入網站首頁或網站後臺

# FAQ

### Q1: 函式計算能開發高效能高可用網站嗎？

A: 可以, 使用函式計算的單例項多併發功能和高效能資料庫

- [單例項多併發](https://help.aliyun.com/document_detail/144586.html)
- 選擇高效能關係型資料庫，比如高可用的[雲資料庫POLARDB](https://help.aliyun.com/product/58609.html)

有必要再加上這些最佳化:

- [預留例項消除冷啟動](https://help.aliyun.com/document_detail/140338.html) + [預付費最佳化成本](https://help.aliyun.com/document_detail/138831.html)
- [極速型 NAS](https://www.aliyun.com/product/nas)
- OSS 物件儲存 + CDN 來儲存和分發靜態資源

> 目前 PHP Runtime 並不支援單例項多併發, 使用 Custom Runtime，可以將基於傳統模式 nginx + php-fpm + mysql 開發的網站直接簡單無縫遷移到函式計算平臺，示例工程 [customruntime-php](https://github.com/awesome-fc/customruntime-php)

> [使用OSS對Wordpress進行圖片動靜分離](https://yq.aliyun.com/articles/2996)

### Q2: 使用低成本 sqlite3 版本的網站， 冷啟動第一次開啟很慢怎麼辦？

A: 用一個 timer trigger 的函式 keep warm

### Q3: 使用低成本 sqlite3 版本的網站， 能支援多大的qps？

A: 由 sqlite3 資料庫效能決定， 這邊有一些壓測結果：

![5.png](https://ucc.alicdn.com/pic/developer-ecology/123cc24d23894d2e8a17f8b7b37b5d42.png)

![6.png](https://ucc.alicdn.com/pic/developer-ecology/ebccbc1097f544168879dc3011dff20b.png)

每次壓力增大時候， 都有些冷啟動，時間慢點，但是支援從壓測結果來看支援 50 QPS 是沒有疑問的， 是足夠支援一些中小網站的。

### Q4: 使用其他語言基於函式計算開發 serverless 網站可以嗎？

A: 可以， 比如 python: [https://yq.aliyun.com/articles/603249](https://yq.aliyun.com/articles/603249) , 或者直接使用 custom runtime， 內建了 java、python 和 node, [Custom Runtime 使用者手冊](https://help.aliyun.com/document_detail/132044.html) , [Custom Runtime 使用集錦](https://yq.aliyun.com/articles/728321)

![7.png](https://ucc.alicdn.com/pic/developer-ecology/05737527183143ba897fba2debe3c8e1.png)

>“[阿里巴巴雲原生](https://developer.aliyun.com/group/alisoftwaretech/)關注微服務、Serverless、容器、Service Mesh 等技術領域、聚焦雲原生流行技術趨勢、雲原生大規模的落地實踐，做最懂雲原生開發者的技術圈。”

一元建站-基於函式計算 + wordpress 構建 serverless 網站

相關文章