Triển khai API Co-Doing

API Co-Doing (Cùng thực hiện) được dùng để đồng bộ hoá dữ liệu tuỳ ý giữa những người tham gia cuộc họp. Đây có thể là bất kỳ dữ liệu nào mà ứng dụng của bạn phụ thuộc vào.

Bạn phải tuần tự hoá dữ liệu thành Uint8Array để truyền dữ liệu đó. Để biết thêm thông tin, hãy xem tài liệu tham khảo về thư viện tiêu chuẩn JavaScript.

Nếu bạn chưa chắc chắn về cách tuần tự hoá dữ liệu, hãy xem các mẫu mã sau.

Hướng dẫn này giải thích cách triển khai API Co-Doing.

Bắt đầu

Để sử dụng API Co-Doing, trước tiên, bạn phải Triển khai tiện ích bổ sung Meet. Sau khi hoàn tất các bước đó, bạn có thể bắt đầu sử dụng API Co-Doing trong tiện ích bổ sung mới.

Để sử dụng API Co-Doing, hãy bắt đầu bằng cách lấy đối tượng AddonSession, đối tượng này đóng vai trò là điểm truy cập cho các hoạt động cùng thực hiện trên Google Meet:

const session = await window.meet.addon.createAddonSession({
    cloudProjectNumber: "CLOUD_PROJECT_NUMBER",
});

Tạo ứng dụng cùng thực hiện

Để bắt đầu, hãy tạo CoDoingClient đối tượng từ AddonSession.

Để tạo CoDoingClient, hãy gọi createCoDoingClient() phương thức và cung cấp CoDoingDelegate đối tượng.

CoDoingDelegate là cách API Co-Doing cập nhật ứng dụng của bạn mỗi khi có trạng thái mới. Khi phương thức onCoDoingStateChanged() được gọi, ứng dụng của bạn sẽ áp dụng ngay trạng thái mới.

Mã mẫu sau đây cho biết cách sử dụng API Co-Doing:

interface MyState {
  someString: string;
  someNumber: number;
}

/**
 * Serialize/deserialize using JSON.stringify
 * You can use any method you want; this is included for as an example
 */
function toBytes(state: MyState): Uint8Array {
  return new TextEncoder().encode(JSON.stringify(state));
}

function fromBytes(bytes: Uint8Array): MyState {
  return JSON.parse(new TextDecoder().decode(bytes)) as MyState;
}

  const coDoingClient = await addonSession.createCoDoingClient({
    activityTitle: "ACTIVITY_TITLE",
    onCoDoingStateChanged(coDoingState: CoDoingState) {
      const newState = fromBytes(coDoingState.bytes);
      // This function should apply the new state to your ongoing CoDoing activity
    },
  });

Quản lý trạng thái hiện tại

Khi người dùng thực hiện hành động trong ứng dụng, ứng dụng của bạn sẽ gọi ngay phương thức broadcastStateUpdate().

Mẫu mã sau đây cho thấy cách triển khai phương thức broadcastStateUpdate():

const myState: MyState = {
  someString: "SOME_STRING",
  someNumber: 0
};

document.getElementById('some-button').onClick(() => {
  myState.someNumber = myState.someNumber + 1;
  coDoingClient.broadcastStateUpdate({ bytes: toBytes(myState) });
});