使用 Serverless Devs 插件快速部署前端应用

最佳实践 /  Web 开发 /  原作者: 邓超(Serverless Devs 贡献者) /  来自: https://blog.dengchao.fun/2022/04/02/deploy-static-website-with-website-fc-plugin/ 背景 /  著作权归作者本人所有
  • 评论数

    0

  • 阅读数

    73

  • 收藏数

    0

作者:Shawhann 发表于 2022-4-25 15:38

原文作者 | 邓超 (Serverless Devs 开源贡献者)

原文链接:https://blog.dengchao.fun/2022/04/02/deploy-static-website-with-website-fc-plugin/

背景

我们在 上文 [Aliyun] [FC] 如何使用 @serverless-devs/s 部署静态网站到函数计算 中,详细的介绍了如何通过 @serverless-devs/s 将已经开发好了的静态网站部署到阿里云函数计算(FC)上, 但是近期函数计算和 @serverless-devs/s 都更新了一系列的功能, 目前部署静态网站的步骤可以更为简洁了!

使用 website-fc 插件部署静态网站到 Custom Runtime 函数

假设我们现在有如下结构的前端工程:


step 3.安装 @serverless-devs/s 并编写 s.yaml

你问我步骤 1 和 2 去哪儿了? 当然是省掉了!


然后我们添加 @serverless-devs/s 命令行工具到工程:

yarn add @serverless-devs/s -D

然后在根目录下创建一个基础的 s.yaml 配置文件:


# https://github.com/devsapp/fc/blob/main/docs/zh/yaml/edition: 1.0.0name: my-awesome-website-projectservices:  my-service: # 任意的名称    actions:      pre-deploy:        # 在 pre-deploy 插槽中安装 website-fc 插件        - plugin: website-fc         # 使用 fc 组件    component: devsapp/fc           props:      # 部署到任意的可用区, 例如深圳.      region: cn-shenzhen             service:        # 深圳可用区的 my-awesome-websites 服务        name: my-awesome-websites         function:        # my-awesome-websites 服务下的一个函数        name: website-fc-plugin            # 使用 custom 运行环境        runtime: custom                # 由于使用了 custom 运行环境, 所以这里可以随便填        handler: dummy-handler             # 部署 dist 文件夹下的全部内容        codeUri: ./dist              triggers:        - name: http          # 创建一个 HTTP 类型的触发器, 以便客户端可以通过 HTTP 协议进行访问          type: http                  config:            # 允许匿名访问            authType: anonymous                # 静态网站只需要处理 HEAD 和 GET 请求就够了            methods: [ HEAD, GET ]


与上文中不同的地方在于:


actions:      pre-deploy:        - plugin: website-fc     # 在 pre-deploy 插槽中安装 website-fc 插件


在 pre-deploy 插槽中安装的 website-fc 插件能代替上文中的步骤 1 和步骤 2;


以及: 部署 dist 文件夹下的全部内容


路过

雷人

握手

鲜花

鸡蛋
收藏 分享 邀请

暂无相关评论

文明上网理性发言,全站可见,请文明发言 评论
Archiver|小黑屋|Serverless Devs
Powered by Discuz! X3.4  © 2014-2020 Comsenz Inc.