Fermer

décembre 16, 2020

Présentation des clés de licence à l'interface utilisateur de Kendo pour Angular


Aujourd'hui, nous avons une nouvelle mise à jour dans Kendo UI pour Angular qui introduit le concept de clés de licence avec toutes les interfaces Kendo pour les packages Angular npm. Plongeons dans le raisonnement derrière ce changement et ce que cela signifie pour vous en tant que développeur!

Qu'est-ce qui change?

Avec la sortie d'aujourd'hui (16 décembre 2020) Kendo UI pour les packages angular npm ont désormais une exigence supplémentaire pour les développeurs pour fournir une clé de licence lors de l'ajout de l'un de nos packages npm à leur projet Angular. Alors qu'un projet sera toujours compilé et exécuté comme d'habitude, un message d'avertissement apparaîtra dans la console jusqu'à ce qu'une clé de licence ait été correctement fournie.

Ce message fournira également un lien directement vers la nouvelle Kendo UI pour Angular My Page de licence avec des instructions pour acquérir et installer une licence. Cette licence est un fichier physique (au format de fichier .txt) qui doit être inclus dans votre projet. Une fois qu'elle a été ajoutée, une seule commande CLI devra être exécutée et tout cela ensemble supprimera le message d'avertissement mentionné ci-dessus.

Notre objectif avec ceci est de garantir que l'acquisition d'une licence et son activation sont transparentes. Afin de vous donner un aperçu de ce à quoi cela ressemble dans la pratique, je vais décrire ces étapes dans la section "Comment utiliser votre clé de licence" ci-dessous, mais pour ceux d'entre vous intéressés par pourquoi nous avons ajouté des clés de licence, je

Pourquoi les clés de licence?

Kendo UI for Angular offre tous nos composants UI pour Angular via les packages npm. Cela garantit que les développeurs Angular peuvent rapidement et facilement ajouter nos composants d'interface utilisateur à l'un de leurs projets Angular. Nous savons que npm est la norme pour la gestion de divers paquets et référence dans les applications Web modernes.

Une limitation de cette configuration est qu'une bibliothèque commerciale telle que Kendo UI for Angular ne dispose d'aucun outil pour aider avec les essais ou les utilisateurs sous licence.

Afin de continuer à offrir l'interface utilisateur de Kendo pour Angular via npm et de rendre l'hébergement de nos packages dans un référentiel public durable à l'avenir, nous espérons que les clés de licence seront un processus transparent pour nos utilisateurs tout en gérant les utilisateurs d'essai et les utilisateurs sous licence.

Cela m'affectera-t-il aujourd'hui?

Cela affectera tout développeur qui télécharge et installe la dernière version de l'un des packages Kendo UI pour Angular qui, comme la plupart d'entre vous le savent, sont versionnés séparément. Si vous n'effectuez pas la mise à niveau aujourd'hui, vous ne verrez pas ce message d'avertissement tant que vous n'aurez pas effectué la mise à niveau.

Finalement, cela affectera bien sûr toute l'interface utilisateur de Kendo pour les utilisateurs Angular à l'avenir.

Comment utiliser ma clé de licence

Si vous vous souvenez d'une chose de ce billet de blog, c'est de mettre en signet la page Kendo UI for Angular My License Key . Cette page contiendra toutes les informations dont vous avez besoin pour comprendre notre configuration de licence ainsi qu'une FAQ plus détaillée.

Pour résumer rapidement ce billet de blog, le processus se déroule en trois étapes:

  1. Accédez à votre clé de licence
  2. Installez ou mettez à jour la clé de licence dans vos projets
  3. Enregistrer ladite clé de licence

Comment accéder à ma clé de licence

La page Ma licence mentionnée ci-dessus contient une section «Télécharger votre clé de licence». Connectez-vous avec votre compte Telerik et recherchez le bouton intitulé kendo-ui-license.txt – cela téléchargera le fichier de licence dont vous avez besoin.

En guise d'avertissement, vous devrez soit avoir un essai actif, ou être un développeur sous licence, afin d'avoir accès à une clé de licence. Si, pour une raison quelconque, vous n'êtes ni l'un ni l'autre, cette page vous fournira un lien facile d'accès vers notre page d'inscription d'essai gratuite!

Installer ou mettre à jour ma clé de licence

Si c'est la première fois que vous démarrez un Kendo UI for Angular, vous cherchez à passer d'une licence d'essai à une licence développeur, ou vous êtes un développeur sous licence mettant à jour la dernière version de Kendo UI for Angular, le processus est le même.

  1. Copiez la clé de licence ( kendo-ui-license.txt ) dans le dossier racine de votre projet.
  2. Installez @ progress / kendo-licensing en tant que dépendance de projet en exécutant npm install --save @ progress / kendo-licensing .
  3. Exécutez npx kendo-ui-license activate dans la console.

Une fois que vous avez fait ces trois choses, vous devriez être prêt à partir! Facile, non? C'est tout ce que vous devez faire pour supprimer le message d'avertissement.

Cela fonctionne bien pour les machines de développement, mais si vous en avez besoin pour les serveurs CI, nous vous recommandons d'ajouter la clé de licence Kendo UI for Angular à vos variables d'environnement, comme mentionné dans cette section de notre documentation .

Pour les utilisateurs d'essai qui souhaitent mettre à jour leurs fichiers de licence après avoir acheté une licence, vous devrez récupérer une autre clé de licence (liée à votre achat) et suivre la même instructions à nouveau. Cela remplacera l'ancienne clé de licence d'évaluation et garantira que votre projet dispose d'une licence appropriée.

Si vous êtes un développeur sous licence dont l'abonnement a expiré et que vous suivez les instructions ci-dessus, un message indiquant que la version actuelle de L'interface utilisateur Kendo pour Angular n'est pas disponible dans le cadre de votre abonnement inactif. Cela peut être résolu en renouvelant votre licence et en obtenant un abonnement actif.

Une note que je veux faire ici est que Kendo UI pour les licences Angular est toujours perpétuelle. Cependant, ils sont perpétuels pour les versions de Kendo UI pour Angular que vous aviez dans le cadre de votre abonnement. Donc, si votre abonnement expirait en 2020 (disons décembre), vous n'auriez accès à aucune version publiée en 2021.

Kendo UI for Angular License Keys in Practice

Avec tout cela à l'écart, créons un en utilisant le Angular CLI et voyez comment ces clés de licence fonctionnent dans la pratique.

Donc, pour ce guide, je vais continuer et créer un nouveau projet en utilisant la commande ng new de la CLI angulaire. Cela me permet de me lancer dans un projet Angular en un rien de temps. Donc, je vais juste créer une nouvelle application avec:

 ng new kendo-ui-license 

Ce qui m'accorde ensuite une nouvelle application Angular pour essayer la licence avec.

Pour cet exemple, je vais utiliser Kendo UI pour Angular DropDownList comme l'un de nos composants les plus populaires et il en fait un package facile à ajouter à mon projet.

En suivant les instructions sur la documentation de présentation du package DropDown J'exécuterai la commande suivante ng add :

 ng add @ progress / kendo-angular-dropdowns 

Depuis que j'ai utilisé des schémas angulaires avec la commande ng add ci-dessus Je devrais être prêt à utiliser toutes les inclusions appropriées dans mon projet, mais à titre de référence, voici mon app.module.ts :

 Kendo UI for Angular Licensing - App Module Code " title = "Kendo UI for Angular Licensing - App Module Code" /></p data-recalc-dims=

Cela signifie que nous sommes prêts à faire référence à n'importe quelle interface Kendo pour Angular Des listes déroulantes dans toute notre application. En fait, nous avons même configuré le thème Kendo UI pour Angular Default avec cette commande – pas besoin de faire de configuration supplémentaire.

De plus, la commande précédente ng add devrait déjà l'ajouter à mon projet , mais pour être sûr (et pour le mettre en évidence ici dans le billet de blog), j'exécuterai également la commande npm install suivante:

 npm install --save @ progress / kendo-licensing 

C'est le package qui est responsable de l'activation de notre clé de licence et toutes les interfaces utilisateur Kendo pour les packages Angular nécessitent désormais l'inclusion de @ progress / kendo-licensing en tant que dépendance.

De là, je vais copier et collez le code de la page de démarrage de l'interface utilisateur de Kendo pour Angular DropDownList . Pour cette démonstration, je vais simplement supprimer la plupart du contenu déjà disponible dans mon composant App et le remplacer par ma DropDownList.

Alors, passons à mon app.component .ts et ajoutez nos exemples de données

 Kendo UI for Angular Licensing - App Component Code "title =" Kendo UI for Angular Licensing - App Component Code "/></p data-recalc-dims=

Et puis dans mon modèle qui provient de app.component.html J'ajoute le balisage associé à mon composant.

 Kendo UI for Angular Licensing - App Component HTML Code "title =" Kendo UI for Angular Licensing - App Code HTML du composant "/></p data-recalc-dims=

Lorsque j'exécute mon application Angular, j'obtiens une jolie DropDownList. Notez que le composant est entièrement fonctionnel. Lorsque j'ouvre la console développeur, je vois le message suivant dans la console:

 Kendo UI for Angular Licensing - License Message "title =" Kendo UI for Angular Licensing - License Message "/></p data-recalc-dims=

Ce message nous informe que nous devons appliquer une clé de licence. Si vous n'avez pas ajouté de signet au lien auparavant, le message contient un lien pratique qui mène directement à la page de licence Kendo UI for Angular .

De là, je peux suivre les instructions que j'ai mentionnées précédemment et télécharger mon fichier de licence en trouvant ce bouton sur la page (notez que vous devez être connecté à un compte Telerik pour voir cela):

 Kendo UI pour Vue - Télécharger la clé de licence "title =" Kendo UI pour Vue - Télécharger la clé de licence "/></p data-recalc-dims=

L'étape suivante consiste à ajouter kendo-ui-license.txt à la racine de mon projet. [19659004]  Kendo UI pour les licences angulaires - Structure du projet "title =" Kendo UI pour les licences angulaires - Structure du projet "/> [19659004] Une fois que cela a été ajouté au projet, j'ai juste une commande rapide à exécuter:</p data-recalc-dims=

 npx kendo-ui-license activate 

Et ça devrait être tout! Lorsque je reconstruis mon application et que j'ouvre la console développeur, je vois que le message a disparu et je peux continuer à développer mon application. Si j'ajoute plus de composants, ils vérifieront simplement le fichier de licence existant et n'inviteront pas un autre message, donc ce projet est maintenant prêt pour un développement ultérieur!

Questions supplémentaires

Si vous avez une question sans réponse dans ce blog , veuillez consulter la section Foire aux questions de la page Kendo UI pour la clé de licence angulaire qui couvre plus de scénarios. Vous pouvez également toujours compter sur notre équipe d'assistance pour toute question supplémentaire concernant ce changement.

Vous avez des commentaires?

Y a-t-il des moyens d'améliorer ce mécanisme de licence pour vous et votre équipe? Nous adorerions l'entendre! Vous pouvez laisser un commentaire dans la section ci-dessous ou envoyer un ticket d'assistance pour interagir directement avec nos équipes d'assistance et d'ingénierie.





Source link