{"componentChunkName":"component---src-templates-best-practice-detail-tsx","path":"/best-practice/2020-11-11-imweb-serverless","result":{"data":{"currentBlog":{"id":"00fbb971-7dac-5865-b1ef-86077c2102b0","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/20201111/1605093413809-QQ20201111-191440%402x.jpg","authors":["陈丽杭"],"categories":["best-practice"],"date":"2020-11-11T00:00:00.000Z","title":"腾讯 IMWEB 前端团队一站式 Serverless 开发解决方案","description":"本文将分享 IMWEB 团队对 Serverless 的实践方案","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","IMWEB"],"keywords":null,"outdated":null},"wordCount":{"words":441,"sentences":95,"paragraphs":95},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2020-11-11-imweb-serverless.md","fields":{"slug":"/best-practice/2020-11-11-imweb-serverless/","keywords":["serverless","云函数","函数","serverlesscloud","jpeg","网关","开发"]},"html":"

IMWeb 团队隶属腾讯公司，是国内最专业的前端团队之一。

\n

IMWeb 团队专注前端领域多年，负责过 QQ 资料、QQ 注册、QQ 群等亿级业务。目前聚焦于在线教育领域，精心打磨 腾讯课堂、企鹅辅导及 ABCmouse 三大产品。

\n

学习成就梦想，我们希望能用技术改变教育，改变世界。

\n

\n
\n

前言：如今的 Serverless 可以说是一大有潜力的新技术方向，尤其在当下上云的热潮中，Serverless 因其免运维、自动扩容、支持多种编程语言等优势，对前端来说，是一大提升服务开发、维护效率的利器也是可尝试全栈发展的方向，但也因为其新，对落地到团队开发中，结合团队开发流也是遇到了一些挑战，本文将分享 IMWEB 团队对 Serverless 的实践方案

\n
\n

一、IMWEB 团队 Serverless 研发模式的演进与思考

\n

在过去一、两年，我们团队在多个服务项目中尝试使用 serverless，腾讯云 Serverless 提供了一站式服务，通过使用该服务，前端可独立完成接口服务开发，对前端个人而言可往全栈发展，也因此可缓解团队后台人力紧张问题

\n

\"img\"

\n

在开发 Serverless 云函数的过程中，我们也遇到了对比传统服务，云函数开发的一些挑战点

\n

（1）云函数开发特点

\n

前端传统项目的开发流模式相对已经比较成熟，通过 git 协同管理代码， 再通过 CI 来规范项目的部署流程，整个工作流可以查看、回滚代码，部署也做到了自动化

\n

\"img\"

\n

再来看云函数的开发特点：

\n\n

以上是最基础的开发云函数三个基础

\n

\"img\"

\n

而云函数的创建、更新有两种方式：

\n\n

考虑团队的协作，第二种方式通过调用 SDK 的方式因其灵活更适合定制为团队规范

\n

\"img\"

\n

总结下来可以看到云函数开发的三个特性：

\n\n

\"img\"

\n

（2）团队协作上手云函数开发问题

\n

在初期团队探索尝试云函数开发时，对比传统项目的开发流，云函数的开发步骤更多，也暴露出了一些缺点：

\n

\"img\"

\n

1) 上手成本高

\n

首先有不小的学习成本，像云函数配置文件，云函数官网界面操作学习成本，实际使用时，由于云函数网关 API 链接过长、域名限制等，需要配置 nginx，用特定域名访问云函数网关 API，因为多数前端对 nginx 部署，导致有了 nginx 学习成本

\n

\"img\"

\n

2) 调试云函数效率低

\n

因为云函数是部署在云端的，Serverless 有其独特的环境，context、event 等，有别于 NODE 服务的请求体等，本地要完全模拟 serverless 请求比较困难，导致开发想要调试定位问题时，只能先将代码部署到 serverless 上，这里就需要等待部署了，由于 serverless 是外网的，部署时间就更长了

\n

\"img\"

\n

3) 开发流困惑

\n\n

\"img\"

\n

4) 管理困难，存在质量问题

\n

因云函数独立的账号管理，没有 git 进行管理，导致无法追踪代码记录，甚至任何有权限的人创建同名函数进行部署都会导致函数莫名被覆盖，同理云函数网关 API 也可以随意更改指向其它云函数

\n

\"img\"

\n

总结下来，在团队协作 SCF 开发的时候，遇到的挑战点如下：

\n

\"img\"

\n

二、IMFLOW 一站式 Serverless 开发解决方案的破局与落地

\n

总结上面的云函数在团队协作中遇到的一些问题，对应地提出解决方案：

\n\n

\"img\"

\n

（1）制定规范，提升协作效率

\n

1） 统一云账号管理

\n

对于独立云函数账号，每个开发在上手开发前都需要单独申请，同时还有开通各种权限，快点半天，慢点一两天，针对这个问题，考虑使用团队公共账号进行统一云函数管理，工具使用公共账号进行云函数部署、更新，免去开发的学习成本、账号上手成本

\n

\"img\"

\n

2）基于 GIT 管理云函数

\n

对于云函数独立的管理方式，为了能唯一追踪云函数，保留了原有的 git 管理项目代码，制定一系列规范，将 git 项目与云函数唯一关联，保证云函数唯一不可覆盖

\n

\"img\"

\n

3）命名空间隔离函数环境

\n

为提供云函数的开发流，针对云函数的特点，使用云函数命名空间的概念来隔离云函数，同时限制测试环境的网关服务只允许内网访问，保证业务安全

\n

\"img\"

\n

4）统一云函数规则配置

\n

制定云函数名、对应网关服务 API 名、环境命名空间的命名规范，以达到命名空间、函数名、网关服务 API 能一一对应，可通过其一推导其二，如知道函数名，可知其访问 API 是什么，对应环境命名空间是什么

\n

\"img\"

\n

（2）自研 CLI 工具， IMFLOW 提升 SCF 研发效率

\n

在第一项制定了规范之后，要让规范落地，就需要使用工具来辅助，IMWEB 团队自研了 CLI 工具 -- IMFLOW， 提供 SCF 团队开发流实践方案，通过工具的方式提升 SCF 研发效率； 诸如创建账号、申请权限、创建云函数、开发云函数调试、云函数网关 API 关联、函数隔离等等，通过 CLI 工具， 输入命令即可完成。

\n

\"img\"

\n

1）上手开发更快

\n

使用了 CLI 工具来辅助之后，对比团队过往的开发模式，通过 CLI 可达到 2 分钟上手进入开发

\n

\"img\"

\n

2）调试体验同传统服务开发一致

\n

通过同构 + 构建的方式，保留传统服务开发体验，工具封装屏蔽了云函数文件，开发者开发时可同以往一样

\n

\"img\"

\n

3）一键定位调试云函数

\n

云函数的真实运行环境相对复杂，若是遇到了涉及云函数环境调试的问题，需要真实调试云函数，此时本地即可完成调试，工具封装了一系列操作，如实时调试、监听文件变更等，实时部署，实现一键定位调试云函数

\n

\"img\"

\n

4）极致优化云函数部署时间

\n

云函数的部署是走的外网部署，而云函数的部署时间影响到了云函数的发布时间，甚至在做本地实时调试云函数时，影响了云函数的调试效率，为了极致优化云函数部署时间，利用了云函数的 layer 功能、项目的 nodemodule 变动几率较小、同时代码包大小会影响部署时间这些特点，对云函数项目部署进行了拆分，当 nodemodules 没有变动时无需部署 node_modules，进而减少了了部署时间

\n

\"img\"

\n

在做了部署优化后，查看项目的部署时间，大部分时间 35s 即可完成函数部署

\n

\"img\"

\n

（3）质量保证

\n

在质量保证方面，主要是通过 CI | CD 规范部署流程，制定网关服务规范来隔离云函数和降低网关配置成本。

\n

\"img\"

\n

限制测试环境网关服务为内网可访问。

\n

\"img\"

\n

另外，为了保证云函数的运行稳定，避免因为云函数的冷启动导致云函数访问失败，即对云函数的容灾处理，做了一层 STKE 的容灾，通过代码同构的方式，利用工具构建打包，完成一套代码实现既可部署 serverless ，也可以部署 STKE， 配合网关的处理，完成云函数的降级容灾

\n

\"img\"

\n

三、IMFLOW 使用

\n

imflow 内置命令

\n

\"img\"

\n

至此，感谢阅读。在探索云函数的开发之路中，感谢腾讯云 Serverless 团队的支持，希望 Serverless 可以越做越好！

\n
\n
\n
\n
\n

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

","tableOfContents":""},"previousBlog":{"id":"49059152-8e56-5fb4-bb75-21361dec762b","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/20201120/1605839791547-1605788634978-SSR.jpg","authors":["Tina"],"categories":["best-practice"],"date":"2020-11-20T00:00:00.000Z","title":"不改一行代码！快速部署 Next.js 博客到腾讯云 Serverless SSR","description":"手把手教你搭建自己的博客系统，快来一起实践吧！","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","博客"],"keywords":null,"outdated":null},"wordCount":{"words":235,"sentences":37,"paragraphs":37},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2020-11-20-serverless-ssr.md","fields":{"slug":"/best-practice/2020-11-20-serverless-ssr/","keywords":["next.js","nextjs","serverless","ssr","vercel","单页应用","服务端渲染","客户端渲染","页面","Next","渲染","Serverless","博客","serverlesscloud","服务端"]}},"nextBlog":{"id":"4c8dfa44-dbb1-5dce-8485-456a0bf8ff53","frontmatter":{"thumbnail":"https://img.serverlesscloud.cn/20201026/1603696069933-1603694644424-%E8%B7%A8%E5%A2%83%E7%94%B5%E5%95%86.jpg","authors":["侯颖堃"],"categories":["best-practice"],"date":"2020-10-26T00:00:00.000Z","title":"专访：跨境电商 SaaS ERP 领星完成 7000 万人民币 A 轮融资的背后","description":"ERP on Tencent Serverless","authorslink":null,"translators":null,"translatorslink":null,"tags":["Serverless","ERP"],"keywords":"Serverless Framework,Serverless,SCF,ERP,SAAS,领星","outdated":null},"wordCount":{"words":188,"sentences":28,"paragraphs":28},"fileAbsolutePath":"/opt/build/repo/content/best-practice/2020-10-26-lingxing.md","fields":{"slug":"/best-practice/2020-10-26-lingxing/","keywords":["serverless","云函数","Serverless","腾讯","技术","开发人员","业务","领星","网络科技","颖堃","SaaS","开发"]}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"blogId":"00fbb971-7dac-5865-b1ef-86077c2102b0","previousBlogId":"49059152-8e56-5fb4-bb75-21361dec762b","nextBlogId":"4c8dfa44-dbb1-5dce-8485-456a0bf8ff53"}}}