如何将动态Facebook和google客户端ID放在angularx-social-login上？

在Angular应用中使用angularx-social-login库实现动态Facebook和Google客户端ID的步骤如下：

首先，确保已经在你的Angular项目中安装了angularx-social-login库。可以使用以下命令进行安装：

npm install angularx-social-login

在你的Angular项目中创建一个配置文件，用于存储Facebook和Google的客户端ID。可以在项目的根目录下创建一个名为sociallogin.config.ts的文件，并添加以下内容：

export const socialLoginConfig = {
  facebook: {
    clientId: 'YOUR_FACEBOOK_CLIENT_ID'
  },
  google: {
    clientId: 'YOUR_GOOGLE_CLIENT_ID'
  }
};

将YOUR_FACEBOOK_CLIENT_ID和YOUR_GOOGLE_CLIENT_ID替换为你自己的Facebook和Google客户端ID。

在你的Angular应用中的app.module.ts文件中导入SocialLoginModule并配置AuthServiceConfig。在providers数组中添加以下代码：

import { SocialLoginModule, AuthServiceConfig } from 'angularx-social-login';
import { socialLoginConfig } from './sociallogin.config';

const config = new AuthServiceConfig([
  {
    id: FacebookLoginProvider.PROVIDER_ID,
    provider: new FacebookLoginProvider(socialLoginConfig.facebook.clientId)
  },
  {
    id: GoogleLoginProvider.PROVIDER_ID,
    provider: new GoogleLoginProvider(socialLoginConfig.google.clientId)
  }
]);

export function provideConfig() {
  return config;
}

@NgModule({
  imports: [
    // 其他模块导入
    SocialLoginModule
  ],
  providers: [
    // 其他服务提供者
    {
      provide: AuthServiceConfig,
      useFactory: provideConfig
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

确保在providers数组中添加了AuthServiceConfig的配置，并使用provideConfig函数返回配置。

在你的组件中使用AuthService来实现Facebook和Google的登录。首先，在组件的顶部导入相关的服务和提供者：

import { Component } from '@angular/core';
import { AuthService, FacebookLoginProvider, GoogleLoginProvider } from 'angularx-social-login';

然后，在组件类中注入AuthService：

constructor(private authService: AuthService) { }

接下来，你可以使用以下代码在组件中实现Facebook和Google的登录：

loginWithFacebook(): void {
  this.authService.signIn(FacebookLoginProvider.PROVIDER_ID).then(user => {
    console.log(user);
  });
}

loginWithGoogle(): void {
  this.authService.signIn(GoogleLoginProvider.PROVIDER_ID).then(user => {
    console.log(user);
  });
}

你可以根据需要在登录成功后执行相应的操作，这里只是简单地将用户信息打印到控制台。

至此，你已经成功将动态的Facebook和Google客户端ID放在angularx-social-login上，并实现了登录功能。

请注意，由于要求不能提及特定的云计算品牌商，因此无法提供腾讯云相关产品和产品介绍链接地址。但你可以根据自己的需求选择适合的云计算服务提供商，并在其官方文档中查找相关产品和介绍。