微信小程序

xcopy node_modules\\@tencentcloud\\call-uikit-wx\\ .\\TUICallKit /i /e
xcopy node_modules\\@tencentcloud\\call-engine-wx\\RTCCallEngine.wasm.br .\\static

// 导入 TUICallKitServer 模块，使您的应用具有全局呼叫的能力
import { TUICallKitServer } from "../../TUICallKit/TUICallService/index";
// 导入 CallManager 模块，使您的应用具有全局监听来电的能力
import { CallManager } from "../../TUICallKit/TUICallService/serve/callManager";
import * as GenerateTestUserSig from "../../TUICallKit/debug/GenerateTestUserSig-es.js";
wx.CallManager = new CallManager();
Page({
  data: {
    userID: "",
    isLogin: false,
  },

  bindInputUserID(e) {
    this.setData({
      userID: e.detail.value,
    });
  },

  async login() {
    const userID = this.data.userID;
    if (!userID) return;
    const { userSig, SDKAppID } = GenerateTestUserSig.genTestUserSig({
      userID: userID,
    });
    await wx.CallManager.init({
      sdkAppID: SDKAppID,
      userID: userID,
      userSig: userSig,
      globalCallPagePath: "TUICallKit/pages/globalCall/globalCall",
    });
    wx.showToast({
      title: "登录成功",
      icon: "error",
    });
    this.setData({
      isLogin: true,
      userID: "",
    });
  },

  async call() {
    await TUICallKitServer.calls({
      userIDList: [this.data.userID],
      type: 2,
    });
  },
});

.container {
  width: 100vw;
  height: 100vh;
}

.box{
  flex: 1;
  width: 100vw;
  margin-top: -40px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

input{
  display: flex;
  font-size: 20px; 
  width: 60vw;
}

.login {
  display: flex;
  width: 100vw;
  text-align: center;
  bottom: 5vh;
  margin: 70rpx;
}
.login button{
  width: 80%;
  background-color: #006eff;
  border-radius: 50px;
  color: white;
}