라이선스 FAQ 및 설치
Ignite UI for Angular 이중 라이선스 모델로 제공되며, 사용되는 컴포넌트, 모듈, 지침 및 서비스에 따라 상업적 및 허용된 오픈 소스 사용 모두를 허용합니다.
어떤 라이선스가 패키지의 어느 부분에 적용되는지 이해하는 것이 매우 중요합니다. 오픈 소스 vs 프리미엄 주제에는 각 컴포넌트에 적용되는 라이선스 유형에 대한 세부 정보가 포함되어 있으며, 따라서 프로젝트에서 사용하는 컴포넌트를 기반으로 상업용 라이선스를 구매해야 하는지 여부에 관한 내용이 포함되어 있습니다.
License Agreements
상업용 라이선스가 적용되는 부품의 경우, 구매 및 사용과 관련된 모든 법적 약관을 아는 것이 중요합니다.
Note
2025년 4분기에 라이선스 조건과 구독 모델을 업데이트했습니다.
체험판이 종료되었거나 구독이 만료된 경우, Ignite UI의 상업용 라이선스 하에 컴포넌트를 사용하는 팀 내 모든 개발자는 구독을 구매 해야 합니다. 이렇게 하면 https://packages.infragistics.com/npm/js-licensed/ for Development에 호스팅된 저희 비공개 NPM 피드를 사용할 수 있습니다. 거기서 Ignite UI for Angular 패키지의 최신 버전을 찾을 수 있습니다. 현재 구독 중이라면 이 비공개 피드를 사용할 수 있으며, 전체 버전의 Ignite UI for Angular에 접근할 수 있습니다.
Infragistics 다음에 대한 무료, 비상업적, 재판매 불가(NFR) 라이선스를 제공합니다.
- Microsoft MVP, Microsoft Regional Director, Google Developer Expert 등과 같은 개발자 프로그램의 일원인 경우
- 초등학생, 중등학생, 대학생, 학술 기관 또는 교수인 경우.
무료, 비상업적, NFR 라이센스를 받을 자격이 있거나 라이센스 질문이 있는 경우 당사에 문의 하십시오.
Ignite UI for Angular npm packages - Using the Private npm feed
Npm은 가장 많이 사용되는 패키지 관리자이며 런타임 환경 Node.js의 기본 패키지 관리자이기도 합니다. 채택률이 높으며 프로젝트에서 의존하는 패키지를 관리하는 가장 빠르고 쉬운 방법 중 하나입니다. npm 작동 방식에 대한 자세한 내용은 공식 npm 문서를 참조하세요.
Infragistics Ignite UI for Angular NPM 패키지로 제공되며, 프로젝트에 의존성 형태로 추가할 수 있습니다.few easy steps using the Ignite UI CLI 또는 Ignite UI for Angular 회로도 사용. 이 방식을 선택하면 npm 설정을 할 필요가 없습니다. 만약 MIT 라이선스 하에 Ignite UI for Angular 부품만 사용할 계획이라면, 그 외에 할 일은 없습니다. 하지만 상업용 라이선스 하에 컴포넌트를 사용하고 있다면, npm에서 패키지를 다운로드하면 시험 기간 제품의 것입니다.
Note
평가판 사용을 시작한다는 것은 무엇을 의미합니까? 이는 웹 보기의 워터마크 부분과 함께 당사 제품 버전을 사용하게 됨을 의미합니다. 라이선스 패키지가 만료되기 전 일정 시간 동안 사용한다는 의미는 아닙니다. 예를 들어 한 달 동안.
Infragistics Ignite UI Dock Manager 웹 컴포넌트는 별도의 npm 패키지로 제공되며, 설치하면 Ignite UI Dock Manager Web Component Trial 버전을 사용할 수 있습니다.
Ignite UI for Angular NPM 패키지 사용법에 대한 자세한 내용은이 주제에서 확인할 수 있습니다. 도크 매니저 웹 컴포넌트 Ignite UI 추가 정보는 도크 매니저 문서에서 확인할 수 있습니다.
Upgrading packages using our Angular Schematics or Ignite UI CLI
만약 Ignite UI for Angular 프로젝트에 추가ng add 되었거나 저희 회로도 컬렉션 이나 Ignite UI CLI를 통해 생성되었다면, 저희upgrade-packages를 이용해 자동으로 라이선스 패키지로 앱을 업그레이드할 수 있습니다. 프로젝트 패키지 의존성은 둘 중 하나 중 하나를@igniteui/angular-schematicsigniteui-cli 포함하며, 두 버전 모두 업그레이드 명령을 지원합니다.
Note
프로세스가 패키지를 변경함에 따라 전환하기 전에 먼저 프로젝트를 업데이트하는 것이 좋습니다. 이렇게 하면 Ignite UI Angular의 상위 버전을 선택하지 않고 잠재적인 업데이트 마이그레이션을 놓치는 것을 방지할 수 있습니다. 업데이트 가이드를 따르세요.
프로젝트 설정에 따라 프로젝트에서 다음 회로도를 실행하십시오.
ng g @igniteui/angular-schematics:upgrade-packages
또는 다음을 사용하기igniteui-cli:
ig upgrade-packages
회로도 또는 명령은 프로젝트 및 업데이트 소스 참조의 패키지 종속성 전환을 처리합니다. 아직 설정하지 않은 경우 npm 레지스트리에 로그인하라는 메시지가 표시됩니다.
Note
프로젝트가yarn 사용한다면, 반드upgrade-packages 시 플래그를--skip-install 사용하세요. 그 후 실행yarn install 하여 현재 설치된yarn.lock 업그레이드 명령어에 맞게 제대로 업데이트npm 하세요.
How to setup your environment to use the private npm feed (Step by step guide)
먼저 개인 레지스트리를 설정하고 이 레지스트리를 Infragistics 범위와 연관해야 합니다
이렇게 하면 공개 npm 레지스트리와 Infragistics 비공개 레지스트리의 패키지를 원활하게 혼합하여 사용할 수 있습니다.
Note
계정에 라이선스가 부여되지 않은 경우(여전히 평가판 계정을 사용 중인 경우) 개인 패키지 피드에 액세스할 수 없습니다. 예를 들어 404 또는 403 오류 메시지가 반환됩니다. 라이선스가 부여된 계정만 packages.infragistics 비공개 피드에 액세스할 수 있습니다.
Now, to log in to our private feed using npm
npm 버전 9+
저희 개인 피드는 현재 npm v9에서 명령을 지원login/adduser 하지 않아, 대신 필요한 인증 필드를 설정에 추가하는 다음 단계를 권장합니다:
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 프로필에 등록된 이메일도 제공해야 합니다.
Note
npm사용자 이름 안에 있는 기호 사용을"@" 금지하는 것은 "인터넷에 안전하지 않다"고 여겨집니다. 사용자 이름이 실제로 Infragistics 계정에서 사용하는 이메일이기 때문에 항상 심볼"@"이 포함되어 있습니다. 그래서 이 제한을 벗어나려면 기호를"@" (두 개의 느낌표)로"!!" 교체해야 합니다. 예를 들어, 사용자 이름"username@example.com"이 사용자 이름에 대해 질문받았을 때 다음과 같은 입력을 제공해야 합니다:"username!!example.com"
Note
macOS 셸 동작: macOS를 사용하면서 토큰을:_auth 수동으로npm config set 설정한다면, 다음과 같이 이중 따옴표로 토큰을 감 싸는 것을 잊지 마세요:
npm config set //packages.infragistics.com/npm/js-licensed/:_auth="YOUR_IG_AUTH_TOKEN"
이는 macOS의 셸 구문 분석 차이로 인해 필요하며, 토큰의 특수 문자가 제대로 따옴표로 묶이지 않은 경우 인증 문제가 발생할 수 있습니다. 이 문제는 일반적으로 Windows에서 발생하지 않습니다.
이 작업이 완료되면 로그인되어 Ignite UI 패키지의 최신 버전을 프로젝트에 설치할 수 있습니다
npm uninstall igniteui-angular
npm install @infragistics/igniteui-angular
npm uninstall igniteui-dockmanager
npm install @infragistics/igniteui-dockmanager
저희는 Ignite UI for Angular 패키지를 스코프가 지정되어 있어, 개인 피드와 npmjs.org 에서 동시에 패키지를 설치하려면 레지스트리 변경이 필요 없다는 점을 기억해 주세요.
프로젝트 소스에서 일부 추가 변경이 필요할 수 있습니다.
체험판에서 라이선스 패키지로 업그레이드 중이고 자동화된 CLI 마이그레이션을 사용하지 않는다면:
- 프로젝트 tsconfig.json에 경로 매핑을 추가하세요.
{
/* ... */
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
/* ... */
"paths": {
"igniteui-dockmanager": ["./node_modules/@infragistics/igniteui-dockmanager"],
"igniteui-dockmanager/*": ["./node_modules/@infragistics/igniteui-dockmanager/*"],
}
}
}
- 프로젝트에 매핑을
stylePreprocessorOptions추가하세요angular.json
{
"projects": {
..
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
...
"aot": true,
"stylePreprocessorOptions": {
"includePaths": [
"node_modules/@infragistics"
]
}
...
},
- 프로젝트의 Sass에서 소스의
~기호를 제거하세요igniteui-angular/lib:
@use "~igniteui-angular/lib/core/styles/themes/index" as *;
// Should be changed to
@use "igniteui-angular/lib/core/styles/themes/index" as *;
이미 NPM을 도입하고 Ignite UI for Angular 라이선스가 있다면, 생산성을 높이고 Ignite UI for Angular의 잠재력을 최대한 활용하기 위해 Infragistics 개인 피드를 설정하세요.
Access Token Usage
infragistics.com 사용자 계정을 통해 얻을 수 있는 액세스 토큰을 사용하여 개인 npm 피드에 인증할 수도 있습니다. 액세스 토큰 인증은 Ignite UI for Angular 라이센스 패키지를 사용하는 공개적으로 액세스할 수 있는 저장소에 CI 프로세스를 통합하려는 경우 선호되는 대안입니다.
다음 정보는 로컬 구성, Azure Pipelines 빌드 절차 및 Travis CI 빌드 프로세스에서 액세스 토큰을 사용하여 개인 npm 레지스트리에 대한 인증을 설정하는 방법에 대한 정보입니다.
Note
각 토큰은 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 레지스트리, 범위, 토큰 변수를 추가하세요. 이를 위한 두 가지 방법이 있습니다:
라이브러리 페이지의 파이프라인에서 변수 그룹을 정의하세요
이 문서에서는 변수 그룹을 사용하여 제어하려는 값을 저장하고 여러 파이프라인에서 사용할 수 있도록 하는 방법을 설명합니다.
파이프라인 설정 UI에서 변수를 정의하고 YAML 파일에서 참조하세요
가장 일반적인 경우 변수를 설정하고 YAML 파일 내에서 사용합니다.
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
환경 변수를 정의하는 가장 좋은 방법은 포함할 정보 유형에 따라 다릅니다. 따라서 두 가지 옵션이 있습니다.
- 그것을 암호화하고.travis.yml에 추가하십시오.
- 리포지토리 설정에 추가
GitHub Actions Configuration
다음 스크립트를 먼저 추가하세요.npm install (또는npm 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 작업 워크플로에서 사용합니다.
GitHub