Forms 静态网站、文件上传和重述

Forms 静态网站、文件上传和重述,forms,nuxt.js,recaptcha,Forms,Nuxt.js,Recaptcha,我只是在想,最好的方法是实现一个简单的表单,在没有任何后端的静态网站上上传文件 场景: 我有一个静态网站(NuxtJS),可以填写表格并上传文件。 为了保护这个表单,我想让谷歌使用它,但当我在他们的文档中读得更深入一些时,我似乎需要一个后端,这对于一个静态网站来说是一种过度的杀伤力。 此外,我想支持文件上传。。。非常复杂,没有后端 我的想法: 也许是一个现有的产品,这正是我所寻找的?或者我应该构建一个AWS Lambda管道(当然有一个S3 Bucket)作为我的recaptcha和文件上传的“

我只是在想,最好的方法是实现一个简单的表单,在没有任何后端的静态网站上上传文件

场景:

我有一个静态网站(NuxtJS),可以填写表格并上传文件。 为了保护这个表单,我想让谷歌使用它,但当我在他们的文档中读得更深入一些时,我似乎需要一个后端,这对于一个静态网站来说是一种过度的杀伤力。 此外,我想支持文件上传。。。非常复杂,没有后端

我的想法:

也许是一个现有的产品,这正是我所寻找的?或者我应该构建一个AWS Lambda管道(当然有一个S3 Bucket)作为我的recaptcha和文件上传的“后端”。 有没有什么方法可以让这个场景更简单,或者我现在正在考虑让它更复杂

用例/流程图:

  • 用户进入网站
  • 填写表格
  • (可选)上载文件
  • 查查查查查查查查查查查查查查查查查查查查查查查查查查查查查查查查
  • 单击发送-在我们公司的松弛频道/或电子邮件中发送“消息”
  • 然而,我用一个托管在AWS Lambda上的自定义“后端”解决了这个“普通”任务,这使得整个东西“无服务器”

    对于那些对“如何设置无服务器后端”感兴趣的人,这里是我使用的当前流程图

    正如您在客户端验证recaptcha并生成令牌后所看到的,它被发送到AWS API网关,该网关触发Lambda函数(后端的NodeJS实现),在该函数中验证令牌,并为文件上载生成预签名URI。
    注意:API网关和S3 Bucket需要一个有效的CORS配置,以便彼此和世界进行通信。

    Beauty@Markus,您是否有机会共享此设置以进行研究?该设置/代码当前处于内部repo中。也许我可以在几天内写一篇关于这个的文章。那太棒了。如果你这样做,请告诉我马库斯!