Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >通过无服务器框架一次部署Lambda +API网关+ CloudFront

通过无服务器框架一次部署Lambda +API网关+ CloudFront
EN

Stack Overflow用户
提问于 2018-06-19 07:12:58
回答 2查看 2K关注 0票数 2

我想通过Lambda + API-gateway + CloudFront部署serverless framework

LambdaAPI-gateway可以通过在serverless.yml中定义function来部署,而对于CloudFront,我可以定义resources

但是,对于CloudFront,我必须定义DomainName属性,该属性应该使用尚未部署的API-gateway端点填充。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Resources:
  ApiDistribution:
    Type: AWS::CloudFront::Distribution
    Properties:
      DistributionConfig:
        Origins:
        - Id: ApiGateway
          DomainName: "api-gateway endpoint"

因此,我必须遵循这些步骤。

  1. 部署Lambda + API-gateway
  2. 检查API-gateway端点。
  3. CloudFront资源添加到serverless.yml中,其中DominName属性指向API-gateway端点。
  4. 部署CloudFront

有没有办法一次部署所有(CloudFront+ API-gateway + Lambda)?(但我不想给API-gateway DNS)

EN

回答 2

Stack Overflow用户

发布于 2018-06-19 15:18:13

您可以使用serverless-api-cloudfront,它自动创建正确配置的AWS CloudFront发行版,将流量路由到API。要使用它,很简单,您必须使用npm i --save-dev serverless-api-cloudfront安装它,之后必须添加serverless.yml文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
plugins:
  - serverless-api-cloudfront

custom:
  apiCloudFront:
    domain: my-custom-domain.com
    certificate: arn:aws:acm:us-east-1:000000000000:certificate/00000000-1111-2222-3333-444444444444
    waf: 00000000-0000-0000-0000-000000000000
    compress: true
    logging:
      bucket: my-bucket.s3.amazonaws.com
      prefix: my-prefix
    cookies: none
    headers:
      - x-api-key
    querystring:
      - page
      - per_page

如果您了解它是如何工作的,以及其他可能的配置,您可以访问他们的Github页面。

票数 1
EN

Stack Overflow用户

发布于 2019-05-15 12:18:47

您可以引用由无服务器创建的任何资源,方法与在cloudformation中引用它们的方式相同。

Serverless框架创建要部署的cloudformation模板- Sls包- cd .serverless - cat cloudformation template -update-stack.json

您可以获得sls为您创建的资源的名称。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
DomainName:
            Fn::Join:
              - "."
              - - Ref: ApiGatewayRestApi
              - execute-api
              - - Ref: AWS::Region
              - amazonaws.com
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50931730

复制
相关文章
jQuery源码研究:jQuery原型对象上的属性方法(上)
今天看下简化框架的第二部分:line: (146 - 225) 为jQ对象添加一些方法和属性。
前端_AWhile
2019/08/29
1.1K0
jQuery原理(原型上的属性、方法)
jQuery存在两个each方法,一个类方法,一个对象方法。当实现类方法时,只需要让对象方法调用类方法即可实现。
Dreamy.TZK
2020/06/23
9710
react native props上存在的属性,显示不存在
问题:类型“Readonly<{}> & Readonly<{ children?: ReactNode; }>”上不存在属性“navigation”。ts(2339) 解决方法: export d
windseek
2019/07/08
2.6K0
jQuery源码研究:jQuery原型对象上的属性方法(下)
each()方法:为每个匹配的元素集合执行回调函数,是一个jQuery版的遍历方法。
前端_AWhile
2019/08/29
8790
HTMLElement对象
任何HTML元素都继承于HTMLElement对象,一些元素直接实现这个接口,而另一些元素通过多层继承来实现它。
WindRunnerMax
2021/02/22
1.2K0
jQuery之datetimepicker控件(时间单位精确到分钟)
一、效果图 image.png image.png image.png image.png 二、代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1
week
2018/08/24
2.5K0
jQuery之datetimepicker控件(时间单位精确到分钟)
jQuery 属性操作
​ jQuery 常用属性操作有三种:prop() / attr() / data() ;
梨涡浅笑
2022/05/08
1.8K0
jQuery 属性操作
jQuery 常用属性操作有三种:prop() / attr() / data() ;
清出于兰
2020/10/26
1.2K0
jQuery 属性操作
jQuery 常用属性操作有三种:prop() / attr() / data() ;
星辰_大海
2020/10/09
1.5K0
jQuery 属性操作
三、jQuery属性操作
2、如何操作属性 对象.属性名称 = 值 对象.属性名称 对象[‘属性名称’] = 值 对象[‘属性名称’] Javascript
Dreamy.TZK
2020/06/16
3.8K0
三、jQuery属性操作
jQuery基础--jQuery特殊属性操作
区别:html方法会识别html标签,text方法会那内容直接当成字符串,并不会识别html标签。
eadela
2019/09/29
2.1K0
jquery根据属性选择
有信仰的人不会孤独。——阿列克谢耶维奇 分享一个jquery选择器的小技巧 我们可以通过自定义属性键值选中一个元素 例如如下元素: <div ruben="vampire">阿超</div> 然后我们通过ruben=vampire选中这个div 就可以如下写法: let vampire = $('div[ruben="vampire"]') 我们可以简单测试一下输出里面的内容 <div ruben="vampire">阿超</div> <script type="text/javascript">
阿超
2022/08/17
1.9K0
jquery根据属性选择
jquery data属性的使用
var func=function(){console.log("test")}; $("div").data("test",func); $("div").data("test")(); 输出结果是test 注意:data方法是jquery中的方法不是原生js里面的方法 js原生的dataset方法 var func=function(){console.log("test")}; var a = document.createElement("div"); a.dataset.test=func; a.
windseek
2018/05/15
1.2K0
jQuery——工具及属性(案例)
首先来看一下今天的第一个工具,each()。这个我们上节课好像用过。什么时候用的?大家还记得吗?在遍历多选框的时候我们用的就是each()。each顾名思义 大家都明白是用来遍历的,今天我们就主要用each()来遍历一下数组 和 对象。怎么遍历数组和对象呢?咱们来看一下。
用户10196776
2022/11/18
6560
前端基础-JQuery操作属性
第5章 JQuery操作属性 5.1 attr操作 设置单个属性 // 第一个参数:需要设置的属性名 // 第二个参数:对应的属性值 // $obj.attr(name, value); // 用法举例 $('img').attr('title','哎哟,不错哦'); $('img').attr('alt','哎哟,不错哦'); 设置多个属性 // 参数是一个对象,包含了需要设置的属性名和属性值 // $obj.attr(obj) // 用法举例 $('img').attr({ title:'哎哟,
cwl_java
2020/03/26
6770
jQuery 文本属性值
jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。
星辰_大海
2020/10/09
2.5K0
jQuery 文本属性值
Jquery attr()方法 属性赋值和属性获取
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。
软件小生活
2021/08/16
10.5K0
Jquery attr()方法 属性赋值和属性获取
jQuery - 设置内容和属性
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容:
陈不成i
2021/07/22
2K0
jQuery 文本属性值
​ jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。
梨涡浅笑
2022/05/08
3K0
jquery 属性&CSS操作 笔记
这是一个读写双用的方法,用来处理input的value,当方法没有参数的时候返回input的value值,当传递了一个参数的时候,方法修改input的value值为参数值
bamboo
2019/01/29
1.3K0
jquery 属性&CSS操作 笔记

相似问题

在尝试登录时获取(405)方法不允许错误

17

错误405 (在发出Ajax请求时不允许方法)

14

当尝试使用ngrok作为松弛请求URL时,"Error 405方法不允许“

124

角度7:发送post请求导致错误405 (方法不允许)

30

尝试POST AJAX请求时的post 405 (方法不允许)- Laravel 4

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文