Preguntas frecuentes sobre licencia e instalación

Ignite UI for React incluye paquetes disponibles tanto bajo licencia del MIT como comercial. Este modelo de licencias soporta tanto el uso comercial como el permisivo de código abierto, dependiendo de los componentes, módulos y servicios específicos que incorpores en tu proyecto.

Es fundamental entender qué licencia se aplica a cada parte del paquete. El tema Código Abierto vs Premium contiene detalles sobre qué tipo de licencia se aplica a cada componente y, por tanto, si necesitas comprar una licencia comercial basada en los componentes que usas en tus proyectos.

License Agreements in Ignite UI for React

Para los componentes bajo licencia comercial, es importante conocer todos los términos y condiciones legales relacionados con su compra y uso.

Hemos actualizado los términos de nuestra licencia y el modelo de suscripción en el cuarto trimestre de 2025.

Si tu prueba ha finalizado o tu suscripción ha expirado, cada desarrollador de tu equipo que utilice componentes bajo licencia comercial de Ignite UI deberá adquirir una suscripción. Esto te permitirá usar nuestro feed privado de npm alojado en https://packages.infragistics.com/npm/js-licensed/ para desarrollo. Allí encontrarás las últimas versiones de los paquetes Ignite UI for React. Si tienes una suscripción actual, puedes usar este feed privado y tendrás acceso a la versión completa de Ignite UI for React.

Infragistics ofrece licencias gratuitas, no comerciales y no aptas para reventa (NFR) para lo siguiente:

Si forma parte de un programa de desarrolladores como Microsoft MVP, Director Regional de Microsoft, Experto en Desarrolladores de Google, etc.
Si eres estudiante de primaria, secundaria o universidad, o de una institución académica, o profesor.

Si califica para obtener una licencia NFR gratuita y no comercial o si tiene alguna pregunta sobre la licencia, comuníquese con nosotros.

Ignite UI for React npm packages - Using the Private npm feed

Npm es el administrador de paquetes más popular y también es el predeterminado para el entorno de ejecución Node.js. Tiene una gran adopción y es una de las formas más rápidas y sencillas de administrar los paquetes de los que depende en su proyecto. Para obtener más información sobre cómo funciona npm, lea la documentación oficial de npm.

Infragistics Ignite UI for React está disponible como paquetes npm y puedes añadirlos como dependencias a tu proyecto en unos pocos pasos sencillos. Elegir este enfoque no requerirá configurar npm. Si instalas un paquete bajo licencia comercial, empezarás a usar la versión de prueba Ignite UI for React del producto.

[!NOTE] What does it mean to start using a trial version? It means that you will be using a version of our product with a Watermark part of your web view. It doesn’t mean that you will be using the licensed package for a certain amount of time before it expires. For example, for a month.

La señal privada de npm Infragistics proporciona contiene versiones licenciadas de los paquetes bajo licencia comercial.

How to setup your environment to use the private npm feed

Primero necesitas configurar el registro privado y asociarlo con el alcance Infragistics

Esto le permitirá utilizar sin problemas una combinación de paquetes del registro público npm y del registro privado Infragistics. Se le solicitará que proporcione el nombre de usuario y la contraseña que utiliza para iniciar sesión en su cuenta Infragistics. También debe proporcionar el correo electrónico que está registrado en su perfil Infragistics.

Si su cuenta no tiene licencia (todavía está usando una cuenta de prueba), no podrá acceder al feed del paquete privado, por ejemplo, devolverá un mensaje de error 404 o 403. Sólo las cuentas con licencia pueden acceder al feed privado de packages.infragistics.

Now, to log in to our private feed using npm

NPM versión 9+

Nuestro feed privado actualmente no admite comandos de inicio de sesión/agregar usuario con npm v9, por lo que recomendamos los siguientes pasos para agregar los campos de autenticación requeridos a la configuración:

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

Puedes generar un token de acceso a través de tu perfil Infragistics.

Este enfoque es aplicable a todas las versiones anteriores denpm.

versión npm hasta v8

Ejecuta eladduser comando y especifica una cuenta de usuario y contraseña:

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

Se le solicitará que proporcione el nombre de usuario y la contraseña que utiliza para iniciar sesión en su cuenta Infragistics. También debe proporcionar el correo electrónico que está registrado en su perfil Infragistics.

npmes prohibir el uso del"@" símbolo dentro de tu nombre de usuario porque se considera "no seguro para la red". Como tu nombre de usuario es en realidad el correo electrónico que usas para tu cuenta Infragistics, siempre contiene el símbolo"@". Por eso debes saltarte esta limitación reemplazando el"@" símbolo por"!!" (dos signos de exclamación). Por ejemplo, si tu nombre de usuario aparece"username@example.com" cuando te preguntan por tu nombre, deberías proporcionar la siguiente entrada:"username!!example.com"

Una vez hecho esto, iniciarás sesión y podrás instalar las últimas versiones de los paquetes de Ignite UI en tu proyecto

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

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

Tenga en cuenta que hemos configurado el paquete Ignite UI for React para que tenga alcance, lo que significa que no es necesario cambiar los registros si desea instalar paquetes de nuestro feed privado y de npmjs.org simultáneamente.

Changes in your project source after license package update

Si vas a actualizar de un paquete de prueba a un paquete licenciado, los nuevos paquetes se incluirán en@infragistics el ámbito. Como resultado, puedes hacerlo:

Haz un reemplazo global para todos los paquetes de prueba y cámbialos a la versión licenciada con alcance para todos los archivos de tu proyecto. Por ejemplo, reemplazar todasigniteui-react-dockmanager las referencias a@infragistics/igniteui-react-dockmanager El cambio debería afectar a todas las importaciones donde se utilicen tales paquetes.

O
Agregue un mapeo de rutas en el proyecto tsconfig.json.

{
  /* ... */
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    /* ... */
    "paths": {
      "igniteui-react-dockmanager": ["./node_modules/@infragistics/igniteui-react-dockmanager"],
      "igniteui-react-dockmanager/*": ["./node_modules/@infragistics/igniteui-react-dockmanager/*"],
    }
  }
}

Aquí hay un ejemplo completo con todas las asignaciones de rutas para los paquetes de reacción que pueda necesitar:

      "paths": {
        "igniteui-react-core": ["node_modules/igniteui-react-core", "node_modules/@infragistics/igniteui-react-core"],
        "igniteui-react-charts": ["node_modules/igniteui-react-charts", "node_modules/@infragistics/igniteui-react-charts"],
        "igniteui-react-dockmanager": ["node_modules/igniteui-react-dockmanager", "node_modules/@infragistics/igniteui-react-dockmanager"],
        "igniteui-react-grids": ["node_modules/igniteui-react-grids", "node_modules/@infragistics/igniteui-react-grids"],
        "igniteui-react-data-grids": ["node_modules/igniteui-react-data-grids", "node_modules/@infragistics/igniteui-react-data-grids"],
        "igniteui-react-grids/grids": ["node_modules/igniteui-react-grids/grids", "node_modules/@infragistics/igniteui-react-grids/grids"],
        "igniteui-react-gauges": ["node_modules/igniteui-react-gauges", "node_modules/@infragistics/igniteui-react-gauges"],
        "igniteui-react-inputs": ["node_modules/igniteui-react-inputs", "node_modules/@infragistics/igniteui-react-inputs"],
        "igniteui-react-layouts": ["node_modules/igniteui-react-layouts", "node_modules/@infragistics/igniteui-react-layouts"],
        "igniteui-react-maps": ["node_modules/igniteui-react-maps", "node_modules/@infragistics/igniteui-react-maps"],
        "igniteui-react": ["node_modules/igniteui-react", "node_modules/@infragistics/igniteui-react"],
        "igniteui-react-excel": ["node_modules/igniteui-react-excel", "node_modules/@infragistics/igniteui-react-excel"],
        "igniteui-react-datasources": ["node_modules/igniteui-react-datasources", "node_modules/@infragistics/igniteui-react-datasources"],
        "igniteui-react-spreadsheet": ["node_modules/igniteui-react-spreadsheet", "node_modules/@infragistics/igniteui-react-spreadsheet"],
        "igniteui-react-spreadsheet-chart-adapter": ["node_modules/igniteui-react-spreadsheet-chart-adapter", "node_modules/@infragistics/igniteui-react-spreadsheet-chart-adapter"],
        "igniteui-webcomponents": ["node_modules/igniteui-webcomponents", "node_modules/@infragistics/igniteui-webcomponents"]
      }

Cambie las importaciones de temas de esta manera:

@import '~igniteui-react-dockmanager/dist/collection/styles/igc.themes';

// Should be changed to

@import '~@infragistics/igniteui-react-dockmanager/dist/collection/styles/igc.themes';

Entonces, si ya has adoptado npm y tienes una licencia Ignite UI for React, no dudes en configurar el feed privado Infragistics y aumentar tu productividad, utilizando todo el potencial de Ignite UI for React.

Access Token Usage

También puede autenticarse en nuestro feed npm privado mediante un token de acceso, que puede adquirir a través de su cuenta de usuario de infragistics.com. La autenticación mediante token de acceso es la alternativa preferida cuando desea integrar un proceso de CI en un repositorio de acceso público, que utiliza los paquetes con licencia de Ignite UI for React.

La siguiente información trata sobre cómo configurar la autenticación en nuestro registro npm privado usando un token de acceso en la configuración local, los procedimientos de compilación de Azure Pipelines y el proceso de compilación de Travis CI:

Genere un token desde https://account.infragistics.com/access-tokens

Cada token tiene codificación Base64.

Agregue lo siguiente a su archivo.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

Actualice azure-pipelines.yml con los siguientes pasos:

steps:

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

Agregue registro npm y variables de token.

Travis CI Configuration

Seguiremos casi el mismo enfoque aquí. La única diferencia sería que la configuración se establecerá en 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

La mejor manera de definir una variable de entorno depende del tipo de información que contendrá. Entonces tienes dos opciones:

cifrelo y agréguelo a su .travis.yml
agréguelo a la configuración de su repositorio

GitHub Actions Configuration

Añade los siguientes scripts antes del paso **npm i(ci)* a la configuración de tu flujo de trabajo de 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

Define secretos (variables de entorno cifradas) y úsalos en el flujo de trabajo de acciones de GitHub para información sensible como el token de acceso.