@tinyweb_dev/oe-meeting-react

React SDK để nhúng phòng OE Meeting vào OE.School hoặc hệ thống LMS khác.

Tài liệu tích hợp

• Tổng quan và checklist
• Backend OE.School: external API, roster và join token
• Frontend OE.School: React component, events và commands
• Quy trình release npm và cấu hình NPM_TOKEN

Ví dụ nhanh

'use client';

import { useRef } from 'react';
import {
  OeMeeting,
  type OeMeetingHandle,
} from '@tinyweb_dev/oe-meeting-react';

export function OnlineLesson({
  roomSlug,
  joinToken,
}: {
  roomSlug: string;
  joinToken: string;
}) {
  const meetingRef = useRef<OeMeetingHandle>(null);

  return (
    <OeMeeting
      ref={meetingRef}
      roomSlug={roomSlug}
      joinToken={joinToken}
      height="100vh"
      hideLeave
      onJoined={(event) => console.info('joined', event.payload)}
      onLeft={(event) => console.info('left', event.payload)}
    />
  );
}

Bảo mật

• joinToken phải được backend OE.School lấy server-to-server từ external API.
• Không đưa X-Client-Secret vào browser.
• Backend OE.School chỉ mint token sau khi kiểm tra user thuộc roster buổi học.
• Tạo phòng buổi học với access level restricted.

Imperative API

OeMeetingHandle cung cấp leave(), toggleMic(), toggleCamera() và getIframe().