将秘密环境变量与角度 4+ 和 nodejs 一起使用

Question

我有一个带有节点后端的 Angular 4 应用程序。我正在使用像Facebook和LinkedIn这样的社交登录，这需要angular2-social-logins npm包。要使用此包，我必须在应用程序模块中使用我的客户端 ID。如何在推送到 GitHub 时对这些变量保密而不推送代码？

这是我的应用程序模块

let providers = {
"google": {
"clientId": environment.providers.google.clientId
},
"linkedin": {
"clientId": environment.providers.linkedin.clientId
},
"facebook": {
"clientId": environment.providers.facebook.clientId,
"apiVersion": environment.providers.facebook.apiVersion
}
};

@NgModule({
declarations: [
AppComponent,
LandingPageComponent,
NavComponent,
FooterComponent
],
imports: [
BrowserModule,
FormsModule,
HttpClientModule,
FacebookModule.forRoot(),
AppRoutingModule,
Angular2SocialLoginModule
],
providers: [
UserService,
UiService,

],
bootstrap: [AppComponent]
})
export class AppModule {}
Angular2SocialLoginModule.loadProvidersScripts(providers);

clientId 当前存储在 environment/environment.ts 中。

我不希望在推送到 github 时看到这些。

Answer 1

您始终可以将环境文件添加到 .gitignore 文件中，这样它们就不会被推送到 git。 https://help.github.com/articles/ignoring-files/