加入频道的 Agora.io 客户端在 vuejs 中无法正常工作答案

【问题标题】：Agora.io client joining the channel is not working properly in vuejs加入频道的 Agora.io 客户端在 vuejs 中无法正常工作
【发布时间】：2020-08-30 11:22:18
【问题描述】：

created() {
    let $ = this;
    // init AgoraRTC local client
    const config = {
        mode: "rtc",
        codec:"h264",
        areaCode: [AgoraRTC.AREAS.GLOBAL]
    };
    $.client = AgoraRTC.createClient(config);
    $.client.init($.appId, () => {
      console.log("AgoraRTC client initialized");
      $.subscribeStreamEvents();
      $.client.join($.appId, $.channel, $.uid, function(uid) {
        console.log("User " + uid + " join channel successfully");
        console.log("At " + new Date().toLocaleTimeString());
        // create local stream
        // It is not recommended to setState in function addStream
        $.localStream = this.streamInit(uid, $.attendeeMode, $.videoProfile);
        $.localStream.init(
          () => {
            if ($.attendeeMode !== "audience") {
              $.addStream($.localStream, true);
              $.client.publish($.localStream, err => {
                console.log("Publish local stream error: " + err);
              });
            }
            $.readyState = true;
          },
          err => {
            console.log("getUserMedia failed", err);
            $.readyState = true;
          }
        );
      },function(err) {
        console.error("client join failed", err);
      });//end join
    });//end init
  },

使用 npm 安装 Agora

 npm i agora-rtc-sdk

"agora-rtc-sdk": "^3.1.2", "vue": "^2.5.17", “vuetify”：“^2.2.9”

在上面的代码中

$.client.join($.appId, $.channel, $.uid, function(uid) {

此行继续加入但没有成功，也没有给出失败错误。它只是不断尝试连接到服务器。

这是错误/警告的屏幕截图

请帮帮我，我坚持了 2 天 抱歉英语不好

【问题讨论】：

你能解决这个问题吗？不指定区号会怎样？

标签： vue.js vuejs2 agora.io

【解决方案1】：

我认为这个文档有点棘手。 client.join() 函数接受如下 4 个参数：

client.join(APPID, CHANNEL, TOKEN(can be null), UID(optional), function(uid){
  // uid returned
})

所以更新你的代码来阅读：

$.client.join($.appId, $.channel, null, function(uid) {

我实际上是在我的 VueJS 项目中使用 AgoraWebSDK NG。您可以在此处查看迁移指南：https://agoraio-community.github.io/AgoraWebSDK-NG/docs/en/migration_guide。

【讨论】：