라이선스 FAQ 및 설치

    License Agreements in Ignite UI for Web Components

    구매하고 사용하는 Ignite UI for Web Components에 관한 모든 법적 이용 약관을 아는 것이 중요합니다.

    2020년 2분기에 라이선스 조건 및 구독 모델을 업데이트했습니다.

    평가판이 종료되었거나 구독이 만료된 경우 Ignite UI 사용하는 팀의 각 개발자는 구독을 구매 해야 합니다. 이를 통해 개발을 위해 https://packages.infragistics.com/npm/js-licensed/에 호스팅된 비공개 npm 피드를 사용할 수 있습니다. 여기에서 Ignite UI for Web Components 패키지의 최신 버전을 찾을 수 있습니다. 현재 구독 중인 경우 이 비공개 피드를 사용할 수 있으며 Ignite UI for Web Components의 전체 버전에 액세스할 수 있습니다.

    Ignite UI 라이센스 계약 및 사용 약관에 대한 자세한 설명을 보려면 여기를 클릭하세요.

    Infragistics 다음에 대해 무료, 비상업적, 재판매 금지(NFR) 라이선스를 제공합니다.

    • Microsoft MVP, Microsoft Regional Director, Google Developer Expert 등과 같은 개발자 프로그램의 일원인 경우
    • 초등학생, 중등학생, 대학생, 학술 기관 또는 교수인 경우.

    무료, 비상업적, NFR 라이센스를 받을 자격이 있거나 라이센스 질문이 있는 경우 당사에 문의 하십시오.

    현재는 igniteui-dockmanager 패키지만 비공개 npm 피드에서 사용할 수 있지만 앞으로는 Ignite UI for Web Components 패키지도 추가할 예정입니다.

    Ignite UI for Web Components npm packages - Using the Private npm feed

    Npm은 가장 널리 사용되는 패키지 관리자이자 런타임 환경 Node.js의 기본 패키지 관리자이기도 합니다. 이는 채택률이 높으며 프로젝트에서 의존하는 패키지를 관리하는 가장 빠르고 쉬운 방법 중 하나입니다. npm 작동 방식에 대한 자세한 내용은 공식 npm 문서를 읽어보세요.

    웹 구성 요소용 Infragistics Ignite UI for Web Components npm 패키지로 제공되며 이를 프로젝트에 종속성으로 추가할 수 있습니다. 몇 가지 쉬운 단계. 이 접근 방식을 선택하면 npm을 구성할 필요가 없습니다. 이 패키지를 설치하면 다음을 사용할 수 있습니다. Ignite UI for Web Components 평가판 제품의.

    현재 igniteui-dockmanager npm 패키지에만 평가판 워터마크가 있지만 앞으로는 다른 Ignite UI for Web Components 패키지에도 추가할 예정입니다.

    How to setup your environment to use the private npm feed

    먼저 개인 레지스트리를 설정하고 이 레지스트리를 Infragistics 범위와 연결해야 합니다.

    이를 통해 공용 npm 레지스트리와 Infragistics 개인 레지스트리의 패키지를 혼합하여 원활하게 사용할 수 있습니다. Infragistics 계정에 로그인하는 데 사용하는 사용자 이름과 비밀번호를 제공하라는 메시지가 표시됩니다. Infragistics 프로필에 등록된 이메일도 제공해야 합니다.

    계정에 라이선스가 부여되지 않은 경우(여전히 평가판 계정을 사용 중인 경우) 개인 패키지 피드에 액세스할 수 없습니다. 예를 들어 404 또는 403 오류 메시지가 반환됩니다. 라이선스가 부여된 계정만 packages.infragistics 비공개 피드에 액세스할 수 있습니다.

    Now, to log in to our private feed using npm

    npm 버전 9+

    비공개 피드는 현재 npm v9의 로그인/추가 사용자 명령을 지원하지 않으므로 구성에 필수 인증 필드를 추가하려면 대신 다음 단계를 수행하는 것이 좋습니다.

    npm config set @infragistics:registry https://packages.infragistics.com/npm/js-licensed/
    
    npm config set //packages.infragistics.com/npm/js-licensed/:username=YOUR_USERNAME
    
    npm config set //packages.infragistics.com/npm/js-licensed/:email=YOUR_IG_EMAIL
    
    npm config set //packages.infragistics.com/npm/js-licensed/:_auth=YOUR_IG_AUTH_TOKEN
    

    Infragistics 프로필을 통해 액세스 토큰을 생성할 수 있습니다.

    이 접근 방식은 npm의 모든 이전 버전에 적용할 수 있습니다.

    v8까지의 npm 버전

    adduser 명령을 실행하고 사용자 계정과 암호를 지정합니다.

    npm adduser --registry=https://packages.infragistics.com/npm/js-licensed/ --scope=@infragistics
    

    Infragistics 계정에 로그인하는 데 사용하는 사용자 이름과 비밀번호를 제공하라는 메시지가 표시됩니다. Infragistics 프로필에 등록된 이메일도 제공해야 합니다.

    npm is disallowing the use of the "@" symbol inside your username as it is considered as being "not safe for the net". Because your username is actually the email that you use for your Infragistics account it always contains the symbol "@". That's why you must escape this limitation by replacing the "@" symbol with "!!" (two exclamation marks). For example, if your username is "username@example.com" when asked about your username you should provide the following input: "username!!example.com".

    이 작업이 완료되면 로그인되어 최신 버전의 Ignite UI 패키지를 프로젝트에 설치할 수 있습니다.

    npm uninstall igniteui-dockmanager
    npm install @infragistics/igniteui-dockmanager
    
    npm uninstall igniteui-dockmanager
    npm install @infragistics/igniteui-dockmanager
    

    Ignite UI for Web Components 범위를 지정했다는 점을 기억하세요. 즉, 비공개 피드와 npmjs.org에서 동시에 패키지를 설치하려는 경우 레지스트리를 변경할 필요가 없다는 뜻입니다.

    Changes in your project source after license package update

    평가판에서 라이센스 패키지로 업그레이드하는 경우 새 패키지의 범위는 @infragistics 아래에 지정됩니다. 결과적으로 다음 중 하나를 수행할 수 있습니다.

    • 모든 평가판 패키지에 대해 전역 교체를 수행한 다음 프로젝트의 모든 파일에 대해 라이선스가 부여된 범위 버전으로 변경합니다. 예를 들어 모든 igniteui-dockmanager 참조를 @infragicstics/igniteui-dockmanager로 바꾸십시오. 변경 사항은 해당 패키지가 사용되는 모든 가져오기에 영향을 미칩니다.

      또는

    • tsconfig.json 프로젝트에 경로 매핑을 추가합니다.

    {
      /* ... */
      "compilerOptions": {
        "baseUrl": "./",
        "outDir": "./dist/out-tsc",
        /* ... */
        "paths": {
          "igniteui-dockmanager": ["./node_modules/@infragistics/igniteui-dockmanager"],
          "igniteui-dockmanager/*": ["./node_modules/@infragistics/igniteui-dockmanager/*"],
        }
      }
    }
    
    • 테마 가져오기를 다음과 같이 변경하세요.
    @import '~igniteui-dockmanager/dist/collection/styles/igc.themes';
    
    // Should be changed to
    
    @import '~@infragistics/igniteui-dockmanager/dist/collection/styles/igc.themes';
    

    따라서 이미 npm을 채택했고 Ignite UI for Web Components 라이선스가 있는 경우 Infragistics 개인 피드 설정을 주저하지 말고 Ignite UI for Web Components의 잠재력을 최대한 활용하여 생산성을 높이십시오.

    Access Token Usage

    infragistics.com 사용자 계정을 통해 얻을 수 있는 액세스 토큰을 사용하여 비공개 npm 피드에 인증할 수도 있습니다. 액세스 토큰 인증은 Ignite UI for Web Components 사용하는 공개적으로 액세스 가능한 저장소에 CI 프로세스를 통합하려는 경우 선호되는 대안입니다.

    다음 정보는 로컬 구성, Azure Pipelines 빌드 절차 및 Travis CI 빌드 프로세스에서 액세스 토큰을 사용하여 개인 npm 레지스트리에 대한 인증을 설정하는 방법에 대한 정보입니다.

    새로운 토큰 생성

    각 토큰은 Base64 인코딩을 사용합니다.

    • .npmrc 파일에 다음을 추가하십시오.
    @infragistics:registry=https://packages.infragistics.com/npm/js-licensed/
    //packages.infragistics.com/npm/js-licensed/:_auth=YOUR_ACCESS_TOKEN
    //packages.infragistics.com/npm/js-licensed/:username=YOUR_USERNAME
    

    Azure Pipelines Configuration

    다음 단계에 따라 azure-pipelines.yml을 업데이트합니다.

    steps:
    
    - script: npm config set @infragistics:registry $(npmRegistry)
      displayName: 'Npm add registry'
    - script: npm config set $(igScope):_auth=$(token)
      displayName: 'Npm config auth'
    

    npm 레지스트리토큰 변수를 추가합니다.

    npm 레지스트리 및 토큰 변수 설정

    npm 레지스트리 및 토큰 변수

    Travis CI Configuration

    여기에서도 거의 동일한 접근 방식을 따를 것입니다. 유일한 차이점은 구성이 before_install에 설정된다는 것입니다.

    before_install:
    - echo "@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/" >> ~/.npmrc
    - echo "//packages.infragistics.com/npm/js-licensed/:_auth=$TOKEN" >> ~/.npmrc
    

    환경 변수를 정의하는 가장 좋은 방법은 포함할 정보 유형에 따라 다릅니다. 따라서 두 가지 옵션이 있습니다.

    GitHub Actions Configuration

    앞에 다음 스크립트를 추가합니다. npm i(ci) 너의 발걸음 CI 워크플로우 구성:

    - run: echo "@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/" >> ~/.npmrc
    - run: echo "//packages.infragistics.com/npm/js-licensed/:_auth=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc
    

    비밀 (암호화된 환경 변수)을 정의하고 액세스 토큰과 같은 중요한 정보에 대한 GitHub 작업 워크플로에서 사용합니다.