备案控制台
开发者社区 云原生 Serverless 文章 正文

ServerlessDev+云效流水线迁移Express+NodeJS前端应用至函数计算

2022-08-05 412
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
函数计算 FC，180元额度 3个月
推荐场景：
活动用函数FC部署Stable Diffusion 部署通义千问预体验 图生图，部署3D卡通风格模型
Serverless 应用引擎 SAE，800核*时 1600GiB*时
推荐场景：
阿里云宣布 Serverless 应用引擎 SAE2.0 将公测上线，多款产品全新升级
简介： 笔者所在的公司，PC端页面使用了NodeJS进行部署。由于函数计算（FC）对nodejs有非常优秀的支持，笔者就将整个前端项目由ECS部署迁移至函数计算。

背景

公司内部的PC站页面（www页面），使用了Express+NodeJS对后端资源进行统一请求并渲染，部署在ECS上。由于前段时间接连出现突发请求，使得负载被打满。公司不得不紧急购买了多台ECS进行扩容。同时，我关注到FC对于NodeJS有着相当优秀的支持，基本可以起到秒级启动和秒级扩容。故尝试将项目迁移至FC中。

同时为了解决项目CI/CD的问题，我们同时使用了ServerlessDEV组件并结合云效“流水线”功能，完成了项目的自动打包上线的一系列操作。

需求

  • PC站迁移至函数计算，并可通过HTTP访问
  • 通过云效流水线进行打包和发布。

过程详解

迁移函数计算

得益于Express框架的易用性，整个代码发布到函数计算上还是比较容易的。在函数计算的“应用”中，有线程的模板。（如果大家嫌自己配置麻烦，不如直接使用该功能进行部署，再参考其s.yaml文件对自己的服务进行配置）

image.png

具体的参数配置可以参考下图

image.png

关键参数说明

  • 内存规格大小：通过ServerlessDEV中的性能工具，测得在1GB的内存规格下，可以得到成本和响应时间的最优值（内存规格继续上升，响应时间只有非常微小的下降；而内存规格下降会导致响应时长大幅上升）
  • 启动命令：这里要和项目中package.json内的scripts块相匹配。
  • 执行超时时间：由于是一个PC前端应用，执行时间一般不超过5s（超过5s用户会没有等待的耐心）。考虑到一些异常情况，故配置15s。超时会返回504

踩坑说明（注意事项）

  • Custom Runtime运行环境，默认HTTP端口为3001，部署时要更改NodeJS的默认端口
  • 以前项目是通过nginx进行gzip压缩的，迁移到函数计算后，需要启用NodeJS的gzip压缩配置，不然后期流量会很喜人（压缩后流量约为压缩前流量的1/5）

使用流水线进行发布

完成部署后，就要去搞定流水线发布了。（总不见得每次都黏贴代码吧）。好在通过ServerlessDev能够完成一些CI\CD操作，同时“流水线”内又内置了对ServerlessDev组件的支持。我们只需要准备对应函数的s.yaml文件即可。

文件如下（已经做了脱敏）:

edition: 1.0.0services:  cn-hangzhou-lyh_dt_pc-main:    component: devsapp/fc
    props:      region: cn-hangzhou
      service:        description: pc站（生产环境）
        role: acs:ram::11111111:role/AliyunFcDefaultRole
        logConfig:          project: aliyun-fc-cn-hangzhou-1111111
          logstore: function-log
          enableRequestMetrics: true          enableInstanceMetrics: true          logBeginRule: DefaultRegex
        vpcConfig:          vpcId: vpc-1111111
          securityGroupId: sg-1111111
          anytunnelViaENI: null
          vswitchIds:            - vsw-1111111
            - vsw-2222222
            - vsw-3333333
        internetAccess: true        tracingConfig: Enable
        name: test_pc
      function:        runtime: custom
        handler: index.handler
        timeout: 15        memorySize: 1024        environmentVariables: {}        instanceConcurrency: 20        caPort: 3001        instanceType: e1
        customRuntimeConfig:          command:            - npm
          args:            - run
            - start:prd
        name: main
        codeUri: '.'      triggers:        - name: defaultTrigger
          description: ''          type: http
          qualifier: LATEST
          config:            methods:              - GET
              - POST
              - PUT
              - DELETE
              - HEAD
              - OPTIONS
              - PATCH
            authType: anonymous

直接使用流水线进行发布配置，他会自动进行打包。配置的步骤如下：

image.png

步骤：Node.js构建及部署

这里面分2部：

  • NodeJS构建
  • ServerlessDev构建上传（部署）

image.png

其中：

  • 构建命令较为简单，就是普通的打包命令
npminstall
  • ServerlessDev构建上传（部署）相对复杂。需要完成账户配置+发布
sconfigadd--AccessKeyID${FC_AK}--AccessKeySecret${FC_SK}-adefault-fsdeployfunction--use-local-ts.yaml

结束语

至此，我们完成了通过函数计算部署NodeJS.


文章标签：
函数计算
云效
JavaScript
前端开发
应用服务中间件
弹性计算
nginx
Serverless
关键词：
云效流水线
云效流水线Flow云效
前端应用
云效迁移
云效流水线Flow迁移
相关实践学习
基于函数计算一键部署掌上游戏机
本场景介绍如何使用阿里云计算服务命令快速搭建一个掌上游戏机。
建立 Serverless 思维
本课程包括： Serverless 应用引擎的概念， 为开发者带来的实际价值， 以及让您了解常见的 Serverless 架构模式
纯数字
目录
相关文章
叫个什么名字
|
1天前
|
开发框架 前端开发 JavaScript
现代前端开发中的跨平台解决方案比较与应用
在现代软件开发中，跨平台解决方案成为了开发者们的热门话题。本文将探讨几种主流的跨平台开发框架及其特点，重点比较它们在前端开发中的应用场景和优劣势。通过对比分析，读者可以更好地理解如何选择适合自己项目需求的跨平台解决方案。
叫个什么名字
9 2
宇宙超级无敌霸王龙
|
3天前
|
监控 Serverless 持续交付
阿里云云效产品使用问题之如何让流水线支持构建 flutter web 应用到 OSS
云效作为一款全面覆盖研发全生命周期管理的云端效能平台，致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题，问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
宇宙超级无敌霸王龙
13 4
郑小健
|
3天前
|
JSON JavaScript 中间件
Express.js：构建轻量级Node.js应用的基石
**Express.js 概览**：作为Node.js首选Web框架，Express以其轻量、灵活和强大的特性深受喜爱。自2009年以来，其简洁设计和丰富中间件支持引领开发者构建定制化应用。快速开始：使用`express-generator`创建项目，安装依赖，启动应用。示例展示如何添加返回JSON消息的GET路由。Express适用于RESTful API、实时应用等多种场景，社区支持广泛，助力高效开发。
郑小健
6 1
雅纯
|
5天前
|
人工智能 API 数据安全/隐私保护
云效+SAE，5分钟搞定一个AI 应用的开发和部署
本实验将带你体验云效应用交付平台AppStack+Serverless 应用交付引擎 SAE，从应用视角，完成一个AI聊天助手的高效交付。
雅纯
127 0
青欢
|
11天前
|
人工智能 前端开发 搜索推荐
人工智能（AI）在前端设计中的创新应用
人工智能（AI）在前端设计中的创新应用
青欢
33 4
东方睿赢
|
17天前
|
前端开发 持续交付 开发工具
详细介绍Git的基本原理、在前端开发中的应用以及如何使用Git来优化团队协作
【6月更文挑战第14天】Git是前端开发中的必备工具，它通过分布式版本控制管理代码历史，支持分支、合并和冲突解决，促进团队协作。在前端开发中，Git用于代码追踪、版本控制、代码审查和持续集成部署，优化团队协作。制定分支策略、编写清晰提交信息、定期合并清理分支以及使用Git钩子和自动化工具能进一步提升效率。理解并善用Git，能有效提升前端项目的质量和开发效率。
东方睿赢
28 3
游客5fdji2pvmf8888
|
1天前
|
前端开发 JavaScript 开发者
前端开发中的异步编程：Promise 和 Async/Await 的比较与应用
在现代前端开发中，异步编程是不可或缺的技术。本文将深入探讨Promise和Async/Await这两种主流的异步编程方式，分析它们的优劣势及在实际项目中的应用场景。通过比较它们的语法、可读性和错误处理机制，帮助开发者更好地选择和理解如何在项目中高效地利用这些技术。
游客5fdji2pvmf8888
13 0
宇宙超级无敌霸王龙
|
3天前
|
安全 Java Shell
阿里云云效产品使用问题之要配置云效只重启应用的流水线，该如何操作
云效作为一款全面覆盖研发全生命周期管理的云端效能平台，致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题，问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
宇宙超级无敌霸王龙
7 0
真的很搞笑
|
3天前
|
运维 JavaScript Serverless
函数计算产品使用问题之构建自己的流水线时，已经有一个基础第三方包的层，想在这个基础上进行额外的第三方包安装，该如何实现
函数计算产品作为一种事件驱动的全托管计算服务，让用户能够专注于业务逻辑的编写，而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景，从简单的数据处理到复杂的业务逻辑，实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点，帮助你更好地理解和应用这一服务。
真的很搞笑
6 0
决策智能Lab_运营小编003
|
9天前
|
达摩院 供应链 调度
【FlowShop流水线作业排班问题【数学规划的应用(含代码)】阿里达摩院MindOpt】
本文探讨了使用阿里巴巴达摩院的MindOpt工具解决FlowShop流水线作业排班的数学规划问题。FlowShop涉及到多台机器、多个工序和多个作业，目标是通过优化排班最小化总生产耗时。MindOpt通过数学规划方法，如线性或混合整数线性规划，将问题建模并转化为代码，利用云建模平台MindOpt Studio和MindOpt APL建模语言进行求解。案例中详细介绍了参数定义、变量解析、约束设置和目标函数，展示了如何通过MindOpt进行建模和求解，以达到最优化的生产调度。此外，文章还提供了代码示例和结果解析，帮助读者理解如何实际应用MindOpt解决这类问题。
决策智能Lab_运营小编003
18 0
云原生

Serverless

热门文章

最新文章

  • 1
    首次揭秘：阿里巴巴中间件在 Serverless 技术领域的探索
  • 2
    10分钟-使用阿里云函数计算构建你的OCR智能识别云端小程序
  • 3
    玩转阿里云函数计算(一)----Java Http 触发器极速迁移传统 Spring 应用
  • 4
    AI 克隆声音，只需 3 分钟（附最全教程）
  • 5
    入门篇：函数计算的基本概念和通用场景概述
  • 6
    php runtime 中 headers already sent 问题解决方案
  • 7
    浅析基于 Serverless 的前后端一体化框架
  • 8
    开发函数计算的正确姿势 —— 使用 ROS 进行资源编排
  • 9
    实践篇：搭建无服务器应用--函数计算+API网关+云市场（提供手机号归属地查询服务）
  • 10
    基于阿里云Serverless架构下函数计算的最新应用场景详解（一）
  • 1
    阿里云 SAE 助力修正商城 3 周内提升系统承载能力 20 倍，轻松应对春晚流量
    9
  • 2
    Serverless 应用引擎产品使用合集之在使用函数计算 FC 部署 stable-diffusion 应用时，选了 tagger 扩展插件却拿不到提示词，还报错“Error”，是什么原因
    26
  • 3
    Serverless 应用引擎产品使用合集之如何设置能让应用定时启停
    37
  • 4
    Serverless 应用引擎产品使用合集之应用无法启动时，该如何排查
    28
  • 5
    Serverless 应用引擎产品使用合集之需要上传多个文件，该如何处理
    54
  • 6
    Serverless 应用引擎产品使用合集之在SAE2.0上的应用如何访问云原生数据库PolarDB MySQL版集群
    37
  • 7
    Serverless 应用引擎产品使用合集之SAE 2.0是否支持直接上传zip包部署
    46
  • 8
    Serverless 应用引擎产品使用合集之部署WAR包后，将被解压到什么目录下
    55
  • 9
    Serverless 应用引擎产品使用合集之关于OSS映射目录的大小限制，如何可以跳过
    53
  • 10
    Serverless 应用引擎产品使用合集之一般情况下在SAE中如何关联域名
    46

    • 相关产品

  • 函数计算
    文档详情 产品详情

    • 相关课程

    更多
  • 网站性能前端监控课程
  • 移动Web前端开发
  • Ajax 前端开发入门与实战
  • 零基础学前端HTML+CSS
  • 前端开发CSS基础
  • 前端开发框架Bootstrap使用教程

    • 相关电子书

    更多
  • 云效助力企业软件供应链生产效能提升
  • 云效 DevOps 客户案例集（公共云）
  • 云效

    • 相关实验场景

    更多
  • 使用函数计算FC部署TodoList应用
  • 函数计算部署AI艺术字应用，生成新春文字头像
  • 使用函数计算部署通义千问大模型实现AI对话
  • 基于通义千问X函数计算部署AI助手
  • 在ACK Serverless中部署Stable Diffusion应用
  • 使用NAS和FC部署FaceChain一键打造个人数字分身
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）