angular - 如何在 ngx-agora 的 Angular 模块中动态设置 AppID 键

Question

我正在使用 https://www.npmjs.com/package/ngx-agora用于 Angular 8 的视频通话。
根据文档，我需要提供 APPID 静态如下

const agoraConfig: AgoraConfig = {
  AppID: '1239021930912039-02193',
};

 imports: [
    BrowserModule,
    NgxAgoraModule.forRoot(agoraConfig)
  ],

但我想根据环境从 API 响应中设置 AppId 值。如何使用 APP_INITIALIZER 的 angular 设置它？还是有其他方法可以设置它？

Answer 1

使用 AOT 时，提供者的解决方案不起作用，因为 NgxAgoraModule 在 forRoot 中使用了“useValue”。

但是您可以稍后在此过程中设置 APPID，如下所示:

export const agoraConfig: AgoraConfig = {
   AppID: null //setting null here
};

@NgModule({
...
imports: [
    ...
    NgxAgoraModule.forRoot(agoraConfig),
    ....
],
...
})
export class AppModule { }

然后在您创建 agora 客户端(您的组件)的地方

// false at the end disabled auto initializing
this.client = this.ngxAgoraService.createClient({mode: 'rtc', codec: 'h264'}, false);
this.client.init('your-agora-APPID');