![0745C687-1851-464a-928B-2B0DE9FB5D56.png](https://ucc.alicdn.com/pic/developer-ecology/fc86841df8784236af15827f90d02e80.png)
<a name="1" rel="nofollow"></a>
## 前言
首先介紹下在本文出現的幾個比較重要的概念：
> **函式計算（Function Compute）**: 函式計算是一個事件驅動的服務，透過函式計算，使用者無需管理伺服器等執行情況，只需編寫程式碼並上傳。函式計算準備計算資源，並以彈性伸縮的方式執行使用者程式碼，而使用者只需根據實際程式碼執行所消耗的資源進行付費。函式計算更多資訊 [參考](https://statistics.functioncompute.com/?title=Serverless%20%E8%A7%A3%E6%83%91%E2%80%94%E2%80%94%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%AD%97%E4%BD%93&author=%E5%AD%99%E9%A3%9E%E5%AE%87&src=&url=https%3A%2F%2Fhelp.aliyun.com%2Fproduct%2F50980.html)。
![buried_point](https://data-analysis.cn-shanghai.log.aliyuncs.com/logstores/article-logs/track_ua.gif?APIVersion=0.6.0&title=Serverless%20%E8%A7%A3%E6%83%91%E2%80%94%E2%80%94%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%AD%97%E4%BD%93&author=%E5%AD%99%E9%A3%9E%E5%AE%87&src=)
> **Fun**: Fun 是一個用於支援 Serverless 應用部署的工具，能幫助您便捷地管理函式計算、API 閘道器、日誌服務等資源。它透過一個資源配置檔案（template.yml），協助您進行開發、構建、部署操作。Fun 的更多文件 [參考](https://statistics.functioncompute.com/?title=Serverless%20%E8%A7%A3%E6%83%91%E2%80%94%E2%80%94%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%AD%97%E4%BD%93&author=%E5%AD%99%E9%A3%9E%E5%AE%87&src=&url=https%3A%2F%2Fgithub.com%2Falibaba%2Ffuncraft)。

**備註: 本文介紹的技巧需要 Fun 版本大於等於 3.6.7。** 函式計算執行環境中內建一些常用字型，但仍不滿足部分使用者的需求。如果應用中需要使用其它字型，需要走很多彎路。本文將介紹如何透過 [Fun](https://statistics.functioncompute.com/?title=Serverless%20%E8%A7%A3%E6%83%91%E2%80%94%E2%80%94%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%AD%97%E4%BD%93&author=%E5%AD%99%E9%A3%9E%E5%AE%87&src=&url=https%3A%2F%2Fgithub.com%2Falibaba%2Ffuncraft) 工具將自定義字型部署到函式計算，並正確的在應用中被引用。

<a name="Q2GjJ" rel="nofollow"></a>
### 你需要做什麼？
1. 在程式碼（CodeUri）目錄新建一個 fonts 目錄
1. 將字型複製到 fonts 目錄
1. 使用 fun deploy 進行部署

<a name="iieQk" rel="nofollow"></a>
### 工具安裝
建議直接從這裡下載二進位制可執行程式，解壓後即可直接使用。[下載地址](https://github.com/alibaba/funcraft/blob/master/docs/usage/installation-zh.md#)。

執行 `fun --version` 檢查 Fun 是否安裝成功。
```
$ fun --version
3.7.0
```
<a name="2HH69" rel="nofollow"></a>
### 示例
demo 涉及的程式碼，託管在 [github](https://github.com/alibaba/funcraft/tree/master/examples/fonts) 上。專案目錄結構如下：
```bash
$ tree -L -a 1

├── index.js
├── package.json
└── template.yml
```

index.js 中程式碼：
```javascript
'use strict';

var fontList = require('font-list')

module.exports.handler = async function (request, response, context) {
    response.setStatusCode(200);
    response.setHeader('content-type', 'application/json');
    response.send(JSON.stringify(await fontList.getFonts(), null, 4));
};
```
index.js 中藉助 node 包 [font-list](https://github.com/oldj/node-font-list) 列出系統上可用的字型。

template.yml：
```yaml
ROSTemplateFormatVersion: '2015-09-01'
Transform: 'Aliyun::Serverless-2018-04-03'
Resources:
  fonts-service: # 服務名
    Type: 'Aliyun::Serverless::Service'
    Properties:
      Description: fonts example
    fonts-function: # 函式名
      Type: 'Aliyun::Serverless::Function'
      Properties:
        Handler: index.handler
        Runtime: nodejs8
        CodeUri: ./
        InstanceConcurrency: 10
      Events:
        http-test:
          Type: HTTP
          Properties:
            AuthType: ANONYMOUS
            Methods:
              - GET
              - POST
              - PUT

tmp_domain: # 臨時域名
 Type: 'Aliyun::Serverless::CustomDomain'
 Properties:
 DomainName: Auto
 Protocol: HTTP
 RouteConfig:
 Routes:
 /:
 ServiceName: fonts-service
 FunctionName: fonts-function
```
template.yml 中定義了名為 fonts-service 的服務，此服務下定義一個名為 fonts-function 的 http trigger 函式。tmp_domain 中配置自定義域名中路徑（/）與函式（fonts-service/fonts-function）的對映關係。

<a name="mdmbV" rel="nofollow"></a>
#### 1. 下載字型
你可以透過[這裡](https://fc-demo-public.oss-cn-hangzhou.aliyuncs.com/Tangerine.zip)下載自定義字型 **Hack**，然後將**複製**字型到 fonts 目錄。
此時 demo 目錄結構如下：
```bash
$ tree -L 2 -a

├── fonts（+）
│ ├── Hack-Bold.ttf
│ ├── Hack-BoldItalic.ttf
│ ├── Hack-Italic.ttf
│ └── Hack-Regular.ttf
├── index.js
├── package.json
└── template.yml
```
<a name="0mcAB" rel="nofollow"></a>
#### 2. 安裝依賴
```bash
$ npm install
```
<a name="bN5mH" rel="nofollow"></a>
#### 3. 部署到函式計算
可以透過 fun deploy 直接釋出到遠端。 ![image.png](https://cdn.nlark.com/yuque/0/2020/png/502931/1585722812490-5157a5a5-bdc7-4f8d-a915-b7228669f63e.png#align=left&display=inline&height=567&name=image.png&originHeight=1134&originWidth=2080&size=1313892&status=done&style=none&width=1040)

<a name="vGJ25" rel="nofollow"></a>
#### 4. 預覽線上效果
fun deploy 部署過程中，會為此函式生成有時效性的臨時域名： ![image.png](https://cdn.nlark.com/yuque/0/2020/png/502931/1585722980764-838a2bba-da33-40fc-a8fd-bdd69d591459.png#align=left&display=inline&height=84&name=image.png&originHeight=168&originWidth=2116&size=258652&status=done&style=none&width=1058) 
開啟瀏覽器，輸入臨時域名並回車：

![image.png](https://cdn.nlark.com/yuque/0/2020/png/502931/1585748086750-d527c6a3-5956-4ced-987a-5ed71e017eaa.png#align=left&display=inline&height=211&name=image.png&originHeight=422&originWidth=1178&size=255716&status=done&style=none&width=589) 
 可以看到字型 **Hack** 已生效！！！

<a name="3GN7j" rel="nofollow"></a>
### 原理介紹：

1. fun deploy 時，如果檢測到 CodeUri 下面有 fonts 目錄，則為使用者在 CodeUri 目錄生成一個 .fonts.conf 配置檔案。在該配置中，相比於原來的 /etc/fonts/fonts.conf 配置，新增了 /code/fonts 作為字型目錄。
1. 自動在 template.yml 中新增環境變數，FONTCONFIG_FILE = /code/.fonts.conf，這樣在函式執行時就可以正確的讀取到自定義字型目錄。

如果依賴過大，超過函式計算的限制（50M）則：

1. 將 fonts 目錄新增到 .nas.yml
1. 將 fonts 對 nas 的對映目錄追加到 .fonts.conf 配置

fun deploy 對大依賴的支援可參考[《開發函式計算的正確姿勢——輕鬆解決大依賴部署》](https://statistics.functioncompute.com/?title=Serverless%20%E8%A7%A3%E6%83%91%E2%80%94%E2%80%94%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%AD%97%E4%BD%93&author=%E5%AD%99%E9%A3%9E%E5%AE%87&src=&url=https%3A%2F%2Fyq.aliyun.com%2Farticles%2F743690)

<a name="24" rel="nofollow"></a>
### 總結
你只需要在程式碼（CodeUri）目錄新建一個 fonts 目錄，然後複製所有字型到該目錄即可。Fun 會自動幫你處理配置檔案（.fonts.conf），環境變數以及大依賴場景的情況。如果大家在使用 Fun 的過程中遇到了一些問題，可以在 github 上提 [issue](https://statistics.functioncompute.com/?title=Serverless%20%E8%A7%A3%E6%83%91%E2%80%94%E2%80%94%E5%87%BD%E6%95%B0%E8%AE%A1%E7%AE%97%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85%E5%AD%97%E4%BD%93&author=%E5%AD%99%E9%A3%9E%E5%AE%87&src=&url=https%3A%2F%2Fgithub.com%2Falibaba%2Ffuncraft%2Fissues)，或者加入我們的釘釘群 11721331 進行反饋。

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

Serverless 解惑——函式計算如何安裝字型

相關文章