实现分享邀请链接

功能概述

在 ZEGO UIKit 中，用户可以通过相同的房间 ID 加入同一个通话，因此，您可以通过发送带有 roomID 参数的 URL 链接邀请其他人加入本次通话。

功能实现示意图如下：

邀请链接将会在以下两个页面显示，如下所示：

实现流程

以用户 A 生成邀请链接，用户 B 加入通话为例

用户 A 生成共享链接邀请用户 B 加入：

Untitled

// ....
zp.joinRoom({
    // ...,
    sharedLinks: [{
        url: window.location.protocol + '//' + window.location.host + window.location.pathname+ '?roomID=' + roomID,
    }],
    // ...
});

Copied!

用户 B 解析房间 ID 并生成 Kit Token 以加入会话：

Untitled

function getUrlParams(
    url = window.location.href
) {
    let urlStr = url.split('?')[1];
    return new URLSearchParams(urlStr);
}
// ...
const roomID = getUrlParams().get('roomID') || randomID(5);
const kitToken =  ZegoUIKitPrebuilt.generateKitTokenForTest(appID, serverSecret, roomID,  randomID(5),  randomID(5));

// 从Kit Token创建实例对象。
const zp = ZegoUIKitPrebuilt.create(kitToken);
// ...

Copied!