变性(Benedikt Wakonig)
# 1
大家好!
我需要一个自定义表单提交的帮助,目前触发以下代码:
.
除了将电子邮件和电话输入存储到本地存储之外,我还希望确保电话输入通过电话号码验证API(在我的示例中是numlookupapi或twillio)进行验证。如果API返回true,我希望成功提交,如果为false,我希望弹出电话号码输入验证并阻碍提交。
你将如何解决这个问题?
嘿@ChrisDrit,准确吗?我一直期望Make和Zapier的webhook能够立即(成功地)返回数据捕获,而不管下面的过程步骤如何。
是否真的有可能让浏览器等待,并返回Webflow将从JSON响应中识别和显示的错误/失败代码?那将是非常酷的。
准备好迎接“特别酷”
对于Zapier,你百分百正确,先生。
Zapier webhook在这个部门是软弱无力的。他们确实会像你说的那样回来。立即与成功无关的以下过程步骤
这是一个限制,也是我个人在大多数事情上离开Zapier的原因之一。
另一方面,Make webhook充满了强大的威慑力
如果你使用Make Webhook,他们会为你提供一个特殊的“响应”Webhook。
所以流程是。
发送一些东西到Make Webhook
在Make上执行一堆处理步骤。调用外部API的。CRUD你的方式通过他们的数据存储。随你的便!
通过Make Webhook响应向浏览器返回一个HTTP响应。
这就是神奇之处。
浏览器一直在等待Webhook的响应。您现在可以(基本上)发回任何普通HTTP响应可以发回的内容。
让我们做一个快速构建!
打开你的自由Make.com帐户:
搜索并选择Webhooks:
选择自定义webhook(现在忽略魔术响应webhook,即使我知道你想点击它!):
抓取url,点击OK按钮:
转到你的Webflow账户。创建一个基本的、通用的但本机的Webflow表单。
粘贴你的Make Webhook URL并选择POST方法:
回到您的免费Make帐户:
添加另一个模块,选择Webhooks:
是的!现在点击Webhook响应模块(太棒了!):
现在你得到了HTTP响应所需的所有内容:
切换显示高级设置得到你的好东西。
为了快速运行,只需添加带有URL的301重定向头https://example.com
现在:
点击“运行一次”按钮:
回到你的Webflow设计器,发布你的项目,打开现场网站,填写表格,提交它:
回到你的Webflow设计器,发布网站,打开现场网站,填写表格:
,那么:
是的,是的,是的,我知道。
您希望将JSON blobs返回给首先触发它的Javascript。
下面是一段视频,带您了解如何做到这一点,以及Javascript代码片段(尽管我知道@memetican,你不需要JS代码片段):
发布问题,我在这里回答他们!
克里斯,谢谢你带我参观,你真聪明。我在《Zapier》上可能有100个生欧宝体育在线首页产打击,但我一直在等待更好的东西出现。使也许只是一个平台。
Zapier在线性逻辑流、仅启动的webhook以及对代码步骤和外部库的有限支持方面通常都过于有限。有时这是更高级的工作流程所需要的。
我一定会做一些实验!