如何在React应用中替换Jutsu框架的公共Jitsi实例为自托管实例？

1. 替换外部API脚本地址 #

把当前引入的公共Jitsi脚本，换成你自托管实例的对应脚本，将https://meet.jit.si替换为你的VPS上Jitsi实例的域名：

<body>
  <script src='https://你的自托管Jitsi域名/external_api.js'></script>
</body>

注意：要确保你的自托管Jitsi实例域名已正确解析，且该脚本能被React应用所在服务器正常访问

2. 配置Jutsu组件的自托管实例参数 #

在React应用使用Jutsu组件时，必须显式指定serverURL属性，指向你的自托管Jitsi实例地址：

import Jutsu from 'react-jutsu';

function MyJitsiMeeting() {
  const roomName = "自定义会议房间名";
  const userInfo = {
    displayName: "你的参会名称"
  };

  return (
    <Jutsu
      roomName={roomName}
      userInfo={userInfo}
      serverURL="https://你的自托管Jitsi域名" // 核心配置：指定自托管实例地址
      // 其他业务需要的配置项
    />
  );
}

3. 验证配置有效性 #

启动React应用进入会议后，做两项检查：

• 打开浏览器开发者工具的网络面板，确认所有Jitsi相关请求都指向你的自托管域名，而非meet.jit.si
• 测试会议时长，确认不再触发5分钟限制

如果你的自托管Jitsi实例配置了防火墙或认证规则，还要确保React应用所在服务器的IP被允许访问，同时配置好跨域规则，避免脚本加载失败。

内容的提问来源于stack exchange，提问作者AG_HIHI