This project provides a simple look at getting started using Feature Flags to control the visibility and access to new features in development. Simply clone the project or download and extract the .zip to get started.
Node.js and NPM Angular CLI .Net Core Docker CE Note: Docker is only needed if you want to run solutions inside docker containers. The docker compose file is configured to map the local dist and bin directories, so there is no need to rebuild the containers during the development phase. LaunchDarkly Account
In FeatureFlagsDemoApp directory,
-
Run
npm install
to restore node modules -
Copy
\app\envrionments\environment.sample.ts
to\app\envrionments\environment.ts
-
Copy
\app\envrionments\environment.sample.ts
to\app\envrionments\environment.prod.ts
-
Run
ng build
to build the project. The build artifacts will be stored in thedist/
directory. Use the-prod
flag for a production build. -
Run
ng serve
for a dev server. Navigate tohttp://localhost:4200/
. The app will automatically reload if you change any of the source files.
In FeatureFlagsDemoApi directory,
-
Run
dotnet build
to restore packages and build solution -
Run
dotnet run
to run dev server -
Run
dotnet watch run
to run dev server in watch mode. The app will automatically build and reload if you change any of the source files
In FeatureFlagsDemoApp directory,
-
Run
npm install
to restore node modules -
Run
ng build
to build the project. The build artifacts will be stored in thedist/
directory. Use the-prod
flag for a production build.
In root directory (FeatureFlagsDemo),
-
Run
docker-compose build
Note: On first run, this may take a while to complete as it is downloading the docker images for NGINX and ASP.Net Core -
Run
docker-compose up
to build the docker containers. -
Navigate to
http://localhost:8080
for the Angular application. -
Navigate to
http://localhost:5000/api/lego/ninjas
for the Web API.
LaunchDarkly provides a free 30-day trial.
-
Login to LaunchDarkly
-
Navigate to "Account settings"
-
Copy the "Client-side ID" and replace
<YOUR_KEY_HERE>
in "environment.ts" and "environment.prod.ts" files -
Navigate to "Feature Flags"
-
Add a new flag named
Lego Ninjago Search
and keyln-search
-
Add a new flag named
Lego Ninjago API
and keyln-api