Saltar al contenido
Pasar de la versión de prueba a la licencia Ignite UI paquetes NPM

Pasar de la versión de prueba a la licencia Ignite UI paquetes NPM

Esta publicación destaca los cambios a partir de los paquetes NPM implementados a partir de nuestra versión 20.1 (9.1 Angular) a partir del 2 de junio.  Los paquetes de NPM anteriores a esta versión no se ven afectados.

6min read

Es importante conocer todos los términos y condiciones legales relacionados con los productos que compra y utiliza.

Si está creando un producto comercial o su licencia ha caducado, deberá adquirir una licencia comercial. Esto le permitirá utilizar nuestro feed npm privado alojado en https://packages.infragistics.com/npm/js-licensed/ para el desarrollo. Allí encontrará las últimas versiones de los paquetes de Ignite UI for Angular. Si tienes una licencia comercial válida, puedes utilizar este feed privado y tendrás acceso a la versión completa de Ignite UI for Angular.

Si está creando un producto no comercial, póngase en contacto con nosotros y le proporcionaremos la licencia adecuada.

Ignite UI for Angular Paquetes npm: uso de la fuente npm privada

Npm es el administrador de paquetes más popular y también es el predeterminado para el entorno de ejecución Node.js. Es altamente adoptado 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 Angular está disponible como un paquete npm y puede agregarlo como una dependencia a su proyecto en unos pocos pasos sencillos.  La elección de este enfoque no requerirá la configuración de npm. Al instalar Ignite UI for Angular a través de npmjs.com paquete, utilizará la versión de prueba Ignite UI for Angular del producto.

El componente web Ignite UI Dock Manager Infragistics está disponible como un paquete npm separado y al instalarlo comenzará a utilizar la versión de prueba del componente web Ignite UI Dock Manager del producto.

Puede encontrar más información sobre cómo empezar a utilizar el paquete npm de Ignite UI for Angular en este tema y puede encontrar más información sobre Ignite UI componente web de Dock Manager aquí.

Actualización de paquetes utilizando nuestro Angular Schematics o Ignite UI CLI

Si Ignite UI for Angular se ha añadido al proyecto usando ng add o el proyecto ha sido creado a través de nuestra colección de esquemas o Ignite UI CLI, puedes usar nuestroupgrade-packages para actualizar automáticamente tu aplicación a nuestros paquetes licenciados.

Nota

A medida que el proceso cambia de paquetes, le recomendamos que actualice su proyecto primero antes de cambiar para evitar recoger una versión superior de Ignite UI Angular y perder en posibles migraciones de actualizaciones. Siga nuestra Guía de actualización.

Ejecute el siguiente esquema en el proyecto:

ng g @igniteui/angular-schematics:upgrade-packages

o si seigniteui-cli usa:

ig upgrade-packages

El esquema o comando se encargará de cambiar las dependencias del paquete del proyecto y actualizar las referencias de origen. Se le pedirá que inicie sesión en nuestro registro npm si aún no lo ha configurado.

Cómo configurar el entorno para usar la fuente npm privada

Primero debe configurar el registro privado y asociar este registro 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.

Nota

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"

Ahora, para iniciar sesión en nuestro feed privado usando npm, ejecute el comando adduser y especifique una cuenta de usuario y una contraseña:

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

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

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

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

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

Es posible que sea necesario realizar algunos cambios adicionales en la fuente de su proyecto.

Si está actualizando de un paquete de prueba a uno con licencia y no está utilizando las migraciones CLI automatizadas:

  • Añade unpaths mapeo en el proyectotsconfig.json.
{
  ...
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    ...
    "paths": {
      "igniteui-angular": ["./node_modules/@infragistics/igniteui-angular"],
      "igniteui-dockmanager": ["./node_modules/@infragistics/igniteui-dockmanager"],
      "igniteui-dockmanager/*": ["./node_modules/@infragistics/igniteui-dockmanager/*"],
    }
    ...
}
  • Añade unstylePreprocessorOptions mapeo a tu proyectoangular.json
{
  "projects": {
    ..
    "prefix": "app",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            ...
            "aot": true,
            "stylePreprocessorOptions": {
                "includePaths": [
                    "node_modules/@infragistics"
                ]
            }
            ...
},
  • Elimina el~ cartel de tus importaciones de proyectosass paraigniteui-angular/lib el código fuente:
@import "~igniteui-angular/lib/core/styles/themes/index";

// Should be changed to

@import "igniteui-angular/lib/core/styles/themes/index";

Por lo tanto, si ya ha adoptado npm y tiene una licencia Ignite UI for Angular, no dude en configurar el feed privado Infragistics y aumente su productividad, utilizando todo el potencial de Ignite UI for Angular.

Tokens de acceso

Puede usar tokens como una forma alternativa de autorizar en la utilidad de línea de comandos y acceder a Infragistics productos (paquetes). Los tokens generados permanecerán activos mientras su suscripción esté al día.  Puede acceder a su token a través de su Portal del cliente en https://account.infragistics.com/access-tokens.

Cuando inicies sesión, podrás generar tokens a través de esta pantalla:

Página de tokens de acceso

Nota: Mantenga sus tokens de acceso en secreto, como una contraseña. Los nuevos tokens se mostrarán hasta que se actualice la página, después de eso, los tokens se ofuscarán.

Envolver

Este cambio debería ser sencillo para usted.  Si tienes algún problema, ponte en contacto conmigo en jasonb@infragistics.com, consulta los foros o ponte en contacto directamente con el servicio de asistencia.

Solicitar una demostración