React + Jitsi + 서버리스 + Twilio SendGrid

최근에 멀리 있는 사람들과 연락하기 위해 jitsi 모임을 많이 사용하고 있기 때문에 작업 흐름을 자동화하고 Twilio + DEV 해커톤에 제출하기 위해 다른 사람들과 공유할 수 있다고 생각했습니다.

📜 요약



방문자가 자신을 대신하여 모든 사람에게 이메일을 보내는 간단한 양식에 응답하여 화상 회의 회의를 만들고 참가자를 초대할 수 있는 웹앱입니다(현재 데스크톱 브라우저만 해당).

jitsi 서버의 회의 링크가 공개되므로 충돌을 줄이기 위해 고유 ID를 사용하여 회의실 이름이 선택됩니다.

참가자는 이메일에 있는 링크를 클릭하고 웹사이트에서 바로 화상 회의에 참여할 수 있습니다.

ℹ Emails are sent using SendGrid through serverless functions and the video conference runs on an embedded jitsi meet client through react-jutsu



여기에서 라이브 데모를 사용할 수 있으며 zeit에 배포할 수 있습니다. https://rendezvous.now.sh

코드는 GitHub 👇에서 확인할 수 있습니다.


this-fifo / 랑데부


React + Jitsi + 서버리스 + Twilio SendGrid






This app was created to have fun, learn some stuff and take part in the twilio + hackathon 🥳


📜 요약


사이트 방문자는 참가자를 대신하여 모든 사람에게 이메일을 보내는 간단한 양식에 응답하는 화상 회의 회의에 참가자를 초대할 수 있습니다.
회의 링크가 공개되어 있으므로 충돌을 줄이기 위해 고유 ID를 사용하여 회의실 이름이 선택됩니다.
참가자는 이메일에 있는 링크를 클릭하고 웹사이트에서 바로 화상 회의에 참여합니다.

ℹ Emails are sent using sendgrid through serverless functions and the video conference runs on an embedded jitsi meet client


🏗 구축하기


랑데부는 create-react-app으로 부트스트랩되었습니다.

요구 사항


  • 개발용 Node.js 및 얀(또는 npm)
  • Zeit CLI(zeit now를 통해 서버리스 Node.js 런타임 테스트용)

  • 필수 환경 변수


    프로젝트 루트의 .env 파일에 다음을 추가합니다.
    RENDEZVOUS_HCAPTCHA_SECRET='your_hcaptcha_secret'
    RENDEZVOUS_APP_SECRET='anything_you_want_here'
    SENDGRID_API_KEY=
    …


    View on GitHub

    추가 리소스/정보


  • Jitsi을 통한 화상 회의
  • SendGrid 📧
  • 를 통한 이메일
  • MVP.css의 기본 CSS ✨(약간의 수정 포함)
  • 모든 잠재적인 hCaptcha 수입은 위키미디어 재단에 기부됩니다 🤗

  • 누군가 이것이 유용하다고 생각하거나 최소한 자신의 프로젝트를 위한 기반으로 사용하기를 바랍니다.

    좋은 웹페이지 즐겨찾기