React + Jitsi + 无服务器 + Twilio SendGrid

2025-06-05

React + Jitsi + 无服务器 + Twilio SendGrid

会合

最近我一直在使用 jitsi meet 与远方的人联系,所以我想我可以自动化我的工作流程,并将其作为提交给 Twilio + DEV hackathon 与其他人分享

📜 摘要

它是一个网络应用程序,允许访问者创建视频会议并通过回答一个简单的表格来邀请参与者,该表格代表他们向所有人发送电子邮件(目前仅限桌面浏览器)

由于 jitsi 服务器上的会议链接是公开的,因此使用唯一 ID 为您选择会议室名称以减少冲突

参与者可以点击电子邮件中的链接,直接在网站上加入视频会议

ℹ 使用SendGrid通过无服务器功能发送电子邮件,视频会议通过react-jutsu在嵌入式 jitsi meet 客户端上运行

现场演示已发布至 zeit:https://rendezvous.now.sh

它的代码可以在 GitHub 上找到👇

GitHub 徽标 this-fifo /会合

React + Jitsi + 无服务器 + Twilio SendGrid

会合

创建此应用程序是为了获得乐趣,学习一些东西并参加twilio + DEV黑客马拉松🥳

📜 摘要

该网站的访问者可以邀请参与者参加视频会议,只需填写一份简单的表格,该表格会代表所有人通过电子邮件发送

由于会议链接是公开的,因此使用唯一 ID 为您选择会议室名称以减少冲突

参与者点击电子邮件中的链接,直接在网站上加入视频会议

ℹ 使用 sendgrid 通过无服务器功能发送电子邮件,视频会议在嵌入式 jitsi meet 客户端上运行

🏗 构建它

rendezvous是通过 create-react-app 引导的

要求

  • Node.js 和 yarn (或 npm)用于开发
  • Zeit CLI (用于通过 zeit now 测试无服务器 Node.js 运行时)

必需的环境变量

将以下内容添加到项目根目录下的.env文件中

RENDEZVOUS_HCAPTCHA_SECRET='your_hcaptcha_secret'
RENDEZVOUS_APP_SECRET='anything_you_want_here'
SENDGRID_API_KEY=
Enter fullscreen mode Exit fullscreen mode

其他资源/信息

希望有人觉得这很有用,或者至少可以将其作为自己项目的基础

文章来源:https://dev.to/fifo/react-jitsi-serverless-twilio-sendgrid-po4
PREV
Kubernetes 中的微服务挑战
NEXT
在接下来的 10 分钟内为开源做出贡献 - 一步一步 [初学者版] 🦾