首页 > 解决方案 > 从后端更新 Next.js 应用程序前端

问题描述

我正在构建一个带有“电话验证”流程的 Next.js Web 应用程序。

为了验证电话号码,我的网络应用使用 Twilio 的 API 向用户发送短信。

然后,用户可以回复带有“YES”字样的短信以确认他们的电话号码。

此“YES”文本消息正在触发 Twilio 中的 Webhook,该 Webhook 正在访问我的 Next.js API 端点之一,该端点最终将数据库“已验证”字段更新为“true”。

到目前为止,一切都很好。

一旦电话号码得到验证,我希望前端能够被重定向或更新。

有没有办法在 Next.js 框架中实现这种行为?或者可能是 Web 套接字、重定向响应、meteorjs 或任何其他第三方库或服务?

(我在 Vercel 和 GCP 上托管我的应用程序)

而且,是的,我知道所有关于验证码方法的知识,哈哈,我只是想在我的入职流程中避免这一步......

很想听听你的想法!

谢谢!

标签: node.jssocketswebsocketnext.js

解决方案


你有几个选择来开发它。

  1. 我的第一个也是基本的想法是创建setTimeout,(对于一些 cicles,15s,30s,45s 可能是递归超时)

  2. 我的第二个想法是使用 Firebase Firestore,我认为第一个更好的想法是,Firestore 像 websocket 一样工作,在您的组件或页面中您可以监听 Firebase 数据库,直到用户写“YES”然后您更新您的数据库并运行进程在 Firestore 中设置相同的响应。

对不起,我的英语不是很好。

我希望我有所帮助。


推荐阅读