从几乎静态的站点调用跨域请求
Calling cross domain requests from almost static site
我正在使用 vuejs,我所做的几乎所有事情都是在客户端进行的,但是我需要调用服务器端来检查 URL 是否存在。
我不想从浏览器发出这些请求,因为从我的脚本中获取不同的网站没有意义,这更像是在用户不知情的情况下在后台调用任何不良网站,所以我需要调用 cloud-function(gce) 或 aws lambda(因为我不想在服务器上为其托管站点,因为它只有一个 api 调用)。
完成它的最佳方法是什么,我正在寻找类似网站 www.webapp.com
和 www.webapp.com/checkUrl
上的云函数调用的东西
如果您选择AWS平台,您可以使用S3、CloudFront、Route53、API网关和Lambda来实现您的目标。
Step01
- 创建 S3 存储桶并上传您的前端 vueJs 代码
- 通过 S3 属性在您的存储桶上启用静态 Web 托管
- 创建 CloudFront 分配
- 创建指向您的 s3 存储桶的 CloudFront 源 url(您必须添加 s3 存储桶的静态网站 url)
- 设置指向 S3 源 ID 的默认行为
步骤 02
创建您的 lambda 函数
创建 API 网关
添加指向您的 lambda 的新资源 (GET/POST)
部署你的API
返回 CloudFront 分配并添加指向您的 API 网关的源
在行为选项卡中,创建一个新行为例如:(/checkUrl
)并将其指向API网关的OriginId
步骤 03
- 转到 Route53 并创建一个新的托管区域
- 在域配置中设置托管区域的 NS 记录
- 创建一个新记录集(例如:
www.webapp.com
)并将其指向您的 CloudFront 分配的 DNS
- 将您的 CloudFront 分配的备用域名更新为
www.webapp.com
我正在使用 vuejs,我所做的几乎所有事情都是在客户端进行的,但是我需要调用服务器端来检查 URL 是否存在。
我不想从浏览器发出这些请求,因为从我的脚本中获取不同的网站没有意义,这更像是在用户不知情的情况下在后台调用任何不良网站,所以我需要调用 cloud-function(gce) 或 aws lambda(因为我不想在服务器上为其托管站点,因为它只有一个 api 调用)。
完成它的最佳方法是什么,我正在寻找类似网站 www.webapp.com
和 www.webapp.com/checkUrl
如果您选择AWS平台,您可以使用S3、CloudFront、Route53、API网关和Lambda来实现您的目标。
Step01
- 创建 S3 存储桶并上传您的前端 vueJs 代码
- 通过 S3 属性在您的存储桶上启用静态 Web 托管
- 创建 CloudFront 分配
- 创建指向您的 s3 存储桶的 CloudFront 源 url(您必须添加 s3 存储桶的静态网站 url)
- 设置指向 S3 源 ID 的默认行为
步骤 02
创建您的 lambda 函数
创建 API 网关
添加指向您的 lambda 的新资源 (GET/POST)
部署你的API
返回 CloudFront 分配并添加指向您的 API 网关的源
在行为选项卡中,创建一个新行为例如:(
/checkUrl
)并将其指向API网关的OriginId
步骤 03
- 转到 Route53 并创建一个新的托管区域
- 在域配置中设置托管区域的 NS 记录
- 创建一个新记录集(例如:
www.webapp.com
)并将其指向您的 CloudFront 分配的 DNS - 将您的 CloudFront 分配的备用域名更新为
www.webapp.com