https://github.com/dagonmetric/ng-config-firebase-remote-config
Angular Firebase Remote Config integration for @DagonMetric / ng-config.
https://github.com/dagonmetric/ng-config-firebase-remote-config
angular angular-config angular-config-loader angular-config-provider angular-config-service angular-configuration-service angular-firebase angular-firebase-remote-config config-service configuration-service firebase firebase-remote-config firebase-remote-config-provider ng-config typescript
Last synced: 7 days ago
JSON representation
Angular Firebase Remote Config integration for @DagonMetric / ng-config.
- Host: GitHub
- URL: https://github.com/dagonmetric/ng-config-firebase-remote-config
- Owner: DagonMetric
- License: mit
- Created: 2020-06-05T15:25:20.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-08-14T21:47:18.000Z (9 months ago)
- Last Synced: 2025-05-14T15:16:46.010Z (8 days ago)
- Topics: angular, angular-config, angular-config-loader, angular-config-provider, angular-config-service, angular-configuration-service, angular-firebase, angular-firebase-remote-config, config-service, configuration-service, firebase, firebase-remote-config, firebase-remote-config-provider, ng-config, typescript
- Language: TypeScript
- Homepage:
- Size: 3 MB
- Stars: 3
- Watchers: 0
- Forks: 1
- Open Issues: 24
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Angular Firebase Remote Config Provider for NG-CONFIG
[](https://github.com/DagonMetric/ng-config-firebase-remote-config/actions)
[](https://dev.azure.com/DagonMetric/ng-config/_build?definitionId=18)
[](https://gitter.im/DagonMetric/general?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
Google Firebase Remote Config integration of [DagonMetric/ng-config](https://github.com/DagonMetric/ng-config) for Angular applications.
## Get Started
### Installation
npm
```bash
npm install @dagonmetric/ng-config @dagonmetric/ng-config-firebase-remote-config
```
or yarn
```bash
yarn add @dagonmetric/ng-config @dagonmetric/ng-config-firebase-remote-config
```
Latest npm package is [](https://www.npmjs.com/package/@dagonmetric/ng-config-firebase-remote-config)
### Module Setup (app.module.ts)
```typescript
import { ConfigModule } from '@dagonmetric/ng-config';
import { FirebaseRemoteConfigProviderModule } from '@dagonmetric/ng-config-firebase-remote-config';
@NgModule({
imports: [
// Other module imports
// ng-config modules
ConfigModule.configure(true, {
debug: true
}),
FirebaseRemoteConfigProviderModule.configure({
firebaseConfig: {
apiKey: '',
projectId: 'your_firebase_project_id',
appId: 'your_firebase_app_id'
},
remoteConfigSettings: {
minimumFetchIntervalMillis: 43200000
},
prefix: 'myAppPrefix_'
})
// And additional config provider imports...
]
})
export class AppModule { }
```
Edit [app.module.ts in stackblitz](https://stackblitz.com/github/dagonmetric/ng-config-firebase-remote-config/tree/master/samples/demo-app?file=src%2Fapp%2Fapp.module.ts)
### Usage
```typescript
import { Component } from '@angular/core';
import { ConfigService } from '@dagonmetric/ng-config';
export class AppOptions {
name = '';
lang = '';
logEnabled = false;
logLevel = 0;
}
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
constructor(private readonly configService: ConfigService) {
// Get with key
const configValue = this.configService.getValue('key1'));
console.log('value: ', configValue);
// Get with options class
const appOptions = this.configService.mapType('app', AppOptions));
console.log('appOptions: ', JSON.stringify(appOptions));
// Call reload to get the fresh config values from providers
// this.configService.reload().subscribe(() => {
// console.log('Reloaded');
// });
// Configuration value change detection
// This will only trigger when reload() is called and
// any value changes
this.configService.valueChanges.subscribe(() => {
const latestValue = this.configService.getValue('key1'));
console.log('latest value: ', latestValue);
const lastestOptions = this.configService.mapType('app', AppOptions));
console.log('lastest appOptions: ', lastestOptions);
});
}
}
```
Edit [app.component.ts in stackblitz](https://stackblitz.com/github/dagonmetric/ng-config-firebase-remote-config/tree/master/samples/demo-app?file=src%2Fapp%2Fapp.component.ts)
## Samples
* Demo app [view source](https://github.com/DagonMetric/ng-config-firebase-remote-config/tree/master/samples/demo-app) / [live edit in stackblitz](https://stackblitz.com/github/dagonmetric/ng-config-firebase-remote-config/tree/master/samples/demo-app)
## Related Projects
* [ng-config](https://github.com/DagonMetric/ng-config) - The core configuration & options service for Angular applications
* [ng-log](https://github.com/DagonMetric/ng-log) - Vendor-agnostic logging, analytics and telemetry service abstractions and some implementations for Angular applications
* [ng-log-firebase-analytics](https://github.com/DagonMetric/ng-log-firebase-analytics) - Firebase Analytics implementation for `ng-log`
* [ng-cache](https://github.com/DagonMetric/ng-cache) - Caching service for Angular applications
## Build & Test Tools
We use [lib-tools](https://github.com/lib-tools/lib-tools) for bundling, testing and packaging our library projects.
[](https://github.com/lib-tools/lib-tools)
## Feedback and Contributing
Check out the [Contributing](https://github.com/DagonMetric/ng-config-firebase-remote-config/blob/master/CONTRIBUTING.md) page.
## License
This repository is licensed with the [MIT](https://github.com/DagonMetric/ng-config-firebase-remote-config/blob/master/LICENSE) license.