{"componentChunkName":"component---src-templates-best-practice-detail-tsx","path":"/best-practice/2021-01-26-base-64","result":{"data":{"currentBlog":{"id":"9a17f860-11aa-5369-9940-3b91f3346e89","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/06f91ce743d71fce098149bc5c4c5d7b.jpg","authors":["吴宜展"],"categories":["best-practice"],"date":"2021-01-26T00:00:00.000Z","title":"Serverless 文件上传优化","description":"Base64 编码功能，支持全部触发和 Header 触发以满足不同场景的要求。","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","API 网关"],"keywords":null,"outdated":null},"wordCount":{"words":260,"sentences":41,"paragraphs":41},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2021-01-26-base-64.md","fields":{"slug":"/best-practice/2021-01-26-base-64/","keywords":["serverless","website","云函数","上传","触发","单击","文件","编码"]},"html":"

前言

\n

当开发者需要搭建一个 Web 应用或移动端程序时，可以使用云函数作为后端服务，由 API 网关接收客户端请求，并触发云函数处理。这样的 Serverless 架构具备简单便捷、可弹性扩展、高可用等优势，正成为越来越多人的共同选择。

\n

但开发者在搭建应用时，难免会遇到上传文件的场景，如 App 上传用户头像、个人博客文章图片、网站评论图片，这些都需要上传文件到后端。如果您的业务托管在主机上，上传文件往往不受限制，可使用 multipart/form-data 方式直接上传文件；但在 Serverless架构下，由于 API 网关和云函数之间只支持传输 JSON 数据，使用传统方式上传文件较为困难，一般的解决方案是由客户端通过 Base64 等算法，先将文件从二进制转换为字符后再进行上传。

\n

近期腾讯云 Serverless 团队优化了上传文件体验，上线了 API 网关 Base64 编码功能，上传文件时原本由客户端做的 Base64 编码过程变为由 API 网关进行，这使得开发者无需改动客户端代码即可将二进制文件上传至云函数 SCF。同时，前端开发中一般可基于 Base64 格式完成图片的存储和展现，使得该功能对前端开发者来说非常友好。

\n

本文对 Serverless 和传统方式 multipart 上传多文件的过程进行了对比，并介绍了Base64 编码功能的配置方式。

\n

请求过程对比

\n

传统方式上传文件过程

\n

如果您的后端服务托管在云主机上，一般上传文件的请求过程如下：

\n\n

以下是一段客户端上传两张图片 pic-1.jpg 和 pic-2.jpg 到后端服务的 Python 3 参考代码：

\n\n \n 复制代码\n \n \n
import requests\nfrom requests_toolbelt.multipart.encoder import MultipartEncoder\nfrom requests_toolbelt.multipart import decoder\n \nm = MultipartEncoder(\n    fields=[\n           ('files[]',('file.jpg', open('pic-2.jpg', 'rb'), 'image/jpeg')),\n           ('files[]',('file2.jpg', open('pic-1.jpg', 'rb'), 'image/jpeg')),\n           ]\n    )\n\nres = requests.post(url='https://yourwebsite.com/upload',\n                    data=m,\n                    headers={'Content-Type': m.content_type})\njson = res.json()\nprint(json)
\n

Serverless 上传文件过程

\n

\n

如图是采用 API 网关结合云函数，开启 Base64 功能后上传文件的请求过程：

\n
    \n
  1. 客户端可直接使用 multipart/form-data 方式上传文件；
    2. \n
  2. 在云函数中获取经过 Base64 编码的文本。
    3. \n
\n

对比结论

\n

通过以上两种方式的对比，我们不难看出，Base64编码功能的最大优势在于使 Serverless 获得了和传统方式完全一致的上传文件体验，可直接使用传统方式的客户端代码进行上传。

\n

另外，在云函数中获取了经过 Base64 编码的文本后，您只需对 event.body 进行解码，就可以得到二进制文件了。以下是一段在云函数中解码多文件的 Python 3 参考代码：

\n\n \n 复制代码\n \n \n
# -*- coding: utf-8 -*-\n\nimport sys\nimport logging\nimport requests\nfrom requests_toolbelt.multipart.encoder import MultipartEncoder\nfrom requests_toolbelt.multipart import decoder\nimport base64\nimport json\n\nprint('Loading function')\n\nlogger = logging.getLogger()\n\ndef main_handler(event, context):\n    logger.info(\"start main handler\")\n\n    content_type_header = event['headers']['content-type']\n    body = event['body']\n    is_me = base64.b64decode(body)\n    for part in decoder.MultipartDecoder(is_me, content_type_header).parts:\n        print(part.content)
\n
\n

注意：需要使用层或上传 zip 包的形式安装相关依赖。

\n
\n

实战配置

\n

为满足不同场景的要求，Base64 编码功能还提供了“全部触发”和“Header 触发”两种触发方式供您选择：

\n
    \n
  • 全部触发：API 开启全部触发后，每次请求的请求内容都会被 Base64 编码后再传递给云函数。
    • \n
  • Header 触发：API 开启 Header 触发后，必须配置触发规则。API 网关将根据触发规则对请求头进行校验，只有拥有特定 Content-Type 或 Accept 请求头的请求会被 Base64 编码后再传递给云函数，不满足条件的请求将不进行 Base64 编码，直接传递给云函数。
    • \n
\n

以下将分别叙述两种触发方式的配置过程：

\n

配置全部触发

\n
    \n
  1. 登录 API 网关控制台 ，在左侧导航栏单击【服务】。
    2. \n
  2. 在服务列表中，单击目标服务的服务 ID，查看 API 列表。
    3. \n
  3. 单击【新建】，填写 API 前端配置，单击【下一步】。
    4. \n
  4. API 后端类型选择【云函数SCF】，勾选“Base64编码”，完成后续配置流程。此时创建的 API 已经开启了 Base64 编码，并默认为“全部触发”。
    5. \n
\n

\n

配置 Header 触发

\n
    \n
  1. 登录 API 网关控制台 ，在左侧导航栏单击【服务】。
    2. \n
  2. 在服务列表中，单击目标服务的服务 ID，查看 API 列表。
    3. \n
  3. 在 API 列表中，单击目标 API 的 API ID（目标 API 必须是后端对接 SCF 的 API），即可查看 API 详情页。 在 API 详情页中，单击【基础配置】标签页，找到【Base64编码】配置项。
    4. \n
  4. 单击\"Base64\"后的【编辑】，选择触发方式为【Header触发】。单击【添加触发规则】，选择参数并填写参数值。
    5. \n
  5. 确认配置信息无误后，最后单击【保存】即可。
    6. \n
\n

\n
\n
\n
\n
\n
\n

传送门：

\n\n
\n

欢迎访问：Serverless 中文网，您可以在 最佳实践 里体验更多关于 Serverless 应用的开发！

","tableOfContents":""},"previousBlog":{"id":"c21445e2-63c7-51ea-96b7-33274e34af3f","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/a0345eb9192c11afc25a1aceeb4e0e03.jpg","authors":["Susu"],"categories":["best-practice"],"date":"2021-01-28T00:00:00.000Z","title":"简单三步，通过工作流（ASW）快速完成订单数据处理","description":"本文介绍如何通过工作流 ASW 编排云函数，快速完成订单数据的处理","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","工作流 ASW"],"keywords":null,"outdated":null},"wordCount":{"words":198,"sentences":48,"paragraphs":48},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2021-01-28-asw-order.md","fields":{"slug":"/best-practice/2021-01-28-asw-order/","keywords":["go","serverless","云函数","状态机","创建","函数"]}},"nextBlog":{"id":"df2e6afb-84f0-5514-a3ce-6cfc79c81dc5","frontmatter":{"thumbnail":"https://main.qcloudimg.com/raw/6c83b9144593a97244c83b61e515f906.jpg","authors":["Susu"],"categories":["best-practice"],"date":"2021-01-25T00:00:00.000Z","title":"简单三步，通过工作流（ASW）进行音频提取关键字操作","description":"本文介绍如何通过工作流 ASW 编排语音识别 AI 服务，进行关键字提取","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","工作流 ASW"],"keywords":null,"outdated":null},"wordCount":{"words":177,"sentences":38,"paragraphs":38},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2021-01-25-audio-extraction-keywords.md","fields":{"slug":"/best-practice/2021-01-25-audio-extraction-keywords/","keywords":["serverless","spa","状态机","语音","tencent","识别","asw","document"]}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"blogId":"9a17f860-11aa-5369-9940-3b91f3346e89","previousBlogId":"c21445e2-63c7-51ea-96b7-33274e34af3f","nextBlogId":"df2e6afb-84f0-5514-a3ce-6cfc79c81dc5"}}}