Fermer

décembre 15, 2020

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


L'interface utilisateur de Kendo pour Vue 2.0 a été abandonnée aujourd'hui, le 14 décembre, et avec cette mise à jour vient un changement dans la façon dont nous gérons la distribution avec l'interface utilisateur Kendo pour Vue qui est l'introduction des clés de licence . [19659002] Qu'est-ce qui change?

Avec Kendo UI pour Vue 2.0, nous ajoutons une exigence pour les développeurs de fournir une clé de licence lors de l'ajout de l'un des packages npm de Kendo UI pour Vue. Un message d'avertissement apparaîtra dans la console jusqu'à ce qu'une clé de licence ait été correctement fournie.

Ce message renverra directement à la page Ma licence avec des instructions sur l'acquisition et l'installation de ladite licence. Il s'agit d'un fichier de licence physique qui doit être inclus dans votre projet et après l'exécution de la commande CLI 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. Je vais couvrir ces étapes dans la section «Comment utiliser votre clé de licence» ci-dessous, mais pour ceux d'entre vous qui souhaitent savoir pourquoi nous avons ajouté des clés de licence, je vais d'abord aborder cela.

Pourquoi les clés de licence?

] Kendo UI for Vue propose ses packages via npm comme un moyen pour les développeurs Vue d'ajouter rapidement et facilement nos composants d'interface utilisateur à l'un de leurs projets Vue. Nous savons que npm est la norme pour gérer divers packages et références dans les applications Web modernes. Une limitation de cette configuration est qu'une bibliothèque commerciale telle que Kendo UI for Vue ne dispose d'aucun outil pour assister les essais ou les utilisateurs licenciés.

Afin de continuer à offrir Kendo UI for Vue via npm et faire nos efforts de développement pour augmenter le nombre de fonctionnalités et de composants d'interface utilisateur que nous proposons de manière durable, nous pensons que les clés de licence seront une bonne voie à suivre pour nos utilisateurs et donneront à notre équipe un moyen de gérer les utilisateurs d'essai et les utilisateurs sous licence.

Cela affecte-t-il Me Today?

Cela affectera tout utilisateur qui travaille avec Kendo UI pour Vue 2.0 et toute version ultérieure. Donc, si vous avez déjà utilisé Kendo UI pour Vue dans vos projets, vous ne verrez ce message que lors de la mise à niveau vers la version 2.0.

Finalement, cela affectera bien sûr tous les utilisateurs de Kendo UI pour Vue à l'avenir, mais puisque nous sommes annonçant cela aujourd'hui, je voulais juste mettre en évidence ce scénario pour nos utilisateurs existants.

Comment utiliser ma clé de licence

La chose la plus importante à retenir de ce billet de blog est de conserver l'interface utilisateur de Kendo pour Vue My Page de la clé de licence quelque part dans vos signets. Cette page contiendra toutes les informations dont vous avez besoin pour comprendre notre configuration de licence ainsi qu'une FAQ plus détaillée. Cela étant dit, je veux juste couvrir les étapes cruciales pour passer du message d'avertissement à l'absence de message d'avertissement, ce qui devrait être fait en trois étapes:

  • Accédez à votre clé de licence
  • Installez ou mettez à jour la clé de licence dans vos projets
  • Enregistrer ladite clé de licence

Comment accéder à ma clé de licence

La page d'information susmentionnée comporte une section «Télécharger votre clé de licence». Connectez-vous avec votre compte Telerik et recherchez le bouton intitulé kendo-ui-license.txt que vous devriez télécharger.

Une note que je devrais faire ici est que vous devrez soit avoir un essai actif , ou être un développeur sous licence, afin d'accéder à une clé de licence. Si vous n’avez pas accès, la page vous amènera à un formulaire d’enregistrement pour une version d’essai de Kendo UI for Vue pour vous permettre d’être opérationnel! UI for Vue, vous cherchez à passer d'une licence d'essai à une licence de développeur, ou si vous êtes un développeur sous licence mettant à jour Kendo UI pour Vue 2.0, le processus est le même.

  1. Copiez le fichier de 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. Run 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.

Si vous souhaitez aller au-delà de votre machine de développement locale et travailler avec cette clé de licence sur vos serveurs CI, nous vous recommandons d'ajouter la clé de licence Kendo UI for Vue à vos variables d'environnement, comme indiqué 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 obtenir une autre clé de licence (liée à votre achat ) et suivez à nouveau les mêmes instructions. 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 Kendo UI for Vue n'est pas disponible dans le cadre de votre abonnement inactif. Alors que les licences Kendo UI pour Vue sont perpétuelles, une partie de votre abonnement est l'accès aux nouvelles versions de Kendo UI for Vue. Donc, si vous voyez ce message, vous pouvez simplement renouveler et obtenir une nouvelle clé de licence active et l'ajouter à votre projet Vue.

Kendo UI for Vue License Keys in Practice

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

Donc, ce scénario J'ai une application Vue nouvellement construite qui utilisait la vue create CLI commander. Pour mon application, j'ai choisi d'utiliser le bien nommé «kendo-licensing-sample», donc nous nous retrouvons avec vue create kui-licensing-sample .

Pour des raisons de démonstration, une opération simple et rapide Le composant Kendo UI for Vue serait le Kendo UI Vue DropDownList.

En suivant les instructions sur la documentation de présentation du paquet DropDown j'exécuterai la commande npm install suivante:

 ] npm install --save @ progress / kendo-vue-dropdowns @ progress / kendo-vue-intl 

Aussi, pour que nos composants soient correctement stylés, je travaillerai avec le Kendo UI for Vue Material Theme en exécutant:

 npm install --save @ progress / kendo-theme-material 

Maintenant, avec Kendo UI pour Vue 2.0, vous verrez ceci inclus dans notre npm install commandes que nous listons pour les instructions d'installation, mais je voulais le mettre en évidence ici pour montrer le paquet dont nous avons besoin pour que le mécanisme de licence fonctionne pr

 npm install --save @ progress / kendo-licensing 

C'est le paquet qui est responsable de l'activation de notre clé de licence et tous les paquets de l'interface utilisateur de Kendo pour Vue nécessitent maintenant l'inclusion de @ progress / kendo -licensing en tant que dépendance.

Je vais importer le composant DropDownList dans mon projet dans le composant exemple HelloWorld.vue que la CLI Vue m'a donné, puis allez-y et copiez et collez le code à partir de la page de démarrage de l'interface utilisateur de Kendo pour Vue DropDownList . Il devrait finir par ressembler à quelque chose comme ça une fois assemblé:

 Kendo UI for Vue - DropDownList Sample Code "title =" Kendo UI for Vue - DropDownList Sample Code "/></p data-recalc-dims=

J'ai également ajouté cette déclaration à App.vue afin d'appliquer le thème Kendo UI pour Vue Material dans mon application

 import '@ progress / kendo-theme-material / dist / all.css'; 

Maintenant, lorsque j'exécute mon application Vue, nous devrions voir le logo Vue et une liste déroulante avec quelques options. Si j'inspecte la console développeur dans mon navigateur, je vois le message suivant qui m'avertit qu'aucune licence n'a été trouvée dans ce projet. [19659004]  Interface utilisateur Kendo pour Vue - Avertissement de licence "title =" Interface utilisateur Kendo pour Vue - Avertissement de licence "/></p data-recalc-dims=

Ce message nous informe que nous devons appliquer une clé de licence. Dans le cas où vous n’avez pas mis le lien en signet précédemment, le message contient un lien pratique qui mène directement à la page de licence de Kendo UI pour Vue .

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

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

Maintenant que j'ai téléchargé le fichier de licence, j'ajouterai kendo-ui-license.txt à la racine de mon projet.

 Kendo UI for Vue - License Project Structure "title =" Kendo UI for Vue - License Project Structure "/></p data-recalc-dims=

Une fois que cela a été ajouté au projet, je retourne à mon terminal ou à mon invite de commande et lance:

 npx kendo-ui-license activate 

Et ça devrait être tout! La prochaine fois que j'exécuterai mon projet, le message d'avertissement devrait disparaître et je pars pour les courses. C'est vraiment aussi simple que cela.

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 for Vue License Key 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