다음을 통해 공유

JavaScript 애플리케이션에서 사용자 지정 필터를 사용하여 조건부 기능 사용

  • 아티클

기능 플래그는 기능 필터를 사용하여 기능을 조건부로 사용하도록 설정할 수 있습니다. 기능 필터에 대한 자세한 내용은 기능 필터를 사용하여 조건부 기능 사용을 참조 하세요.

이 가이드에서 사용되는 예제는 기능 관리 빠른 시작에 도입된 Node.js 애플리케이션을 기반으로 합니다. 계속 진행하기 전에 빠른 시작을 완료하여 베타 기능 플래그가 있는 Node.js 애플리케이션을 만듭니다. 완료되면 App Configuration 저장소의 베타 기능 플래그에 사용자 지정 기능 필터를 추가해야 합니다.

이 문서에서는 사용자 지정 기능 필터를 구현하고 기능 필터를 사용하여 기능을 조건부로 사용하도록 설정하는 방법을 알아봅니다. Node.js 콘솔 앱을 예로 사용하지만 다른 JavaScript 애플리케이션에서 사용자 지정 기능 필터를 사용할 수도 있습니다.

필수 조건

사용자 지정 기능 필터 구현

필수 구성 요소에 베타 기능 플래그에 대한 Percentage 매개 변수를 사용하여 Random이라는 사용자 지정 기능 필터를 추가했습니다. 다음으로 기능 필터를 구현하여 Percentage 매개 변수에 정의된 확률에 따라 베타 기능 플래그를 사용하도록 설정합니다.

  1. 파일 app.js 열고 다음 코드를 사용하여 추가 RandomFilter 합니다.

    class RandomFilter {
    name = "Random";
    evaluate(context) {
        const percentage = context.parameters.Percentage;
        const randomNumber = Math.random() * 100;
        return randomNumber <= percentage;
    }
}

    기능 플래그가 평가될 때마다 호출되는 단일 evaluate메서드가 있는 클래스를 추가 RandomFilter 했습니다. evaluate에서 기능 필터는 true를 반환하여 기능 플래그를 사용하도록 설정합니다.

    이름을 Random으로 RandomFilter 설정하면 Azure 앱 구성의 베타 기능 플래그에서 설정한 필터 이름과 일치합니다.

  2. 를 RandomFilter 만들 때 등록합니다 FeatureManager.

    const fm = new FeatureManager(ffProvider, {customFilters: [new RandomFilter()]});

작동 중인 기능 필터

애플리케이션을 실행하면 구성 공급자가 Azure App Configuration에서 베타 기능 플래그를 로드합니다. isEnabled("Beta") 메서드의 결과가 콘솔에 출력됩니다. RandomFilter가 베타 기능 플래그에 의해 구현되고 사용되므로 결과는 50%는 True이고 나머지 50%는 False입니다.

애플리케이션을 실행하면 베타 기능 플래그가 활성화되는 경우도 있고 그렇지 않은 경우도 있음을 알 수 있습니다.

Beta is enabled: true
Beta is enabled: false
Beta is enabled: false
Beta is enabled: true
Beta is enabled: true
Beta is enabled: false
Beta is enabled: false
Beta is enabled: false
Beta is enabled: true
Beta is enabled: true

다음 단계

기본 제공 기능 필터에 대해 자세히 알아보려면 다음 문서를 계속 진행하세요.

일정에 따라 기능 사용

대상 그룹 고객을 위한 기능 롤아웃