静态网站、文件上传和重新验证
Static Website, File Upload and recaptcha
我只是在想最好的方法是在没有任何后端的静态网站上实现一个简单的文件上传表单。
场景:
我有静态网站 (NuxtJS),可以在其中填写表格并上传文件。
为了保护这种形式,我想使用 Google 的 recaptcha,但是当我在他们的文档中进一步阅读时,我似乎需要一个后端,这对于静态网站来说是一个过大的杀伤力。
此外,我想支持文件上传......没有后端非常复杂。
我想到的:
也许现有的产品完全符合我的要求?或者我应该构建一个 AWS Lambda 管道(当然还有一个 S3 存储桶)来充当我的 recaptcha 和文件上传的“后端”。
有没有什么方法可以使这种情况更简单,或者我现在正在考虑复杂化。
用例/流程图:
- 用户进入网站。
- 填写表格。
- (可选)上传文件
- 检查重新验证
- 点击发送 - 在我们公司的 slack 频道/或电子邮件中发送“消息”。
然而,我使用托管在 AWS Lambda 上的自定义“后端”解决了这个“常见”任务,这使得整个东西“无服务器”。
对于那些对“如何设置无服务器后端”感兴趣的人,这里是我使用的当前流程图。
如您所见,在客户端验证 recaptcha 并生成令牌后,它被发送到 AWS API 网关,触发 Lambda 函数(后端的 NodeJS 实现),其中令牌已验证并为文件上传生成预签名的 Uris。
注意:API 网关和 S3 存储桶需要有效的 CORS 配置才能相互通信以及与世界通信。
我只是在想最好的方法是在没有任何后端的静态网站上实现一个简单的文件上传表单。
场景:
我有静态网站 (NuxtJS),可以在其中填写表格并上传文件。 为了保护这种形式,我想使用 Google 的 recaptcha,但是当我在他们的文档中进一步阅读时,我似乎需要一个后端,这对于静态网站来说是一个过大的杀伤力。 此外,我想支持文件上传......没有后端非常复杂。
我想到的:
也许现有的产品完全符合我的要求?或者我应该构建一个 AWS Lambda 管道(当然还有一个 S3 存储桶)来充当我的 recaptcha 和文件上传的“后端”。 有没有什么方法可以使这种情况更简单,或者我现在正在考虑复杂化。
用例/流程图:
- 用户进入网站。
- 填写表格。
- (可选)上传文件
- 检查重新验证
- 点击发送 - 在我们公司的 slack 频道/或电子邮件中发送“消息”。
然而,我使用托管在 AWS Lambda 上的自定义“后端”解决了这个“常见”任务,这使得整个东西“无服务器”。
对于那些对“如何设置无服务器后端”感兴趣的人,这里是我使用的当前流程图。
如您所见,在客户端验证 recaptcha 并生成令牌后,它被发送到 AWS API 网关,触发 Lambda 函数(后端的 NodeJS 实现),其中令牌已验证并为文件上传生成预签名的 Uris。 注意:API 网关和 S3 存储桶需要有效的 CORS 配置才能相互通信以及与世界通信。