秘密の環境変数をangle 4+とnodejsで使用する

Question

私は、ノードのバックエンドを持つAngular 4アプリを持っています。私は、angle2-social-logins npmパッケージが必要なfacebookとlinkedinのようなソーシャルログインを使用しています。このパッケージを使用するには、私のアプリケーションモジュールでクライアントIDを使用する必要があります。これらの変数を秘密にしておくと、GitHubにプッシュするときにコードをプッシュしないでください。

はここに私のapp.moduleだ

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.tsに格納されています。

私はgithubにプッシュするときにこれらを見たくありません。

Answer 1

gitignoreファイルに環境ファイルを追加して、gitにプッシュされないようにすることができます。 https://help.github.com/articles/ignoring-files/