4D Blog

Accueil Produit Ajouter et supprimer des composants Github et locaux en toute simplicité

Ajouter et supprimer des composants Github et locaux en toute simplicité

octobre 29, 2024

Produit

Nous sommes heureux de vous présenter une amélioration majeure de l’interface 4D Project Dependencies, disponible dans 4D 20 R7, qui rend la gestion des composants locaux et GitHub plus facile que jamais.

Cette mise à jour permet une gestion efficace des composants à travers une interface graphique unifiée, gérant à la fois les fichiers locaux et les versions GitHub externes. Le gestionnaire de dépendances garantit que tous les membres de l’équipe, sur Mac et Windows, utilisent la même version, avec des mises à jour, des suppressions et des ajouts gérés de manière centralisée, ce qui vous permet d’optimiser votre flux de travail et de gagner un temps précieux.

RAPPEL

Comme indiqué dans cet article de blog, le gestionnaire de dépendances de 4D repose sur deux fichiers clés : dependencies.json et environment4d.json.

dependencies.json

Le fichier dependencies.json gère et répertorie toutes les dépendances des composants de votre projet. Il simplifie le chargement des composants en centralisant toutes les dépendances en un seul endroit, ce qui permet d’éviter les doublons et l’utilisation d’alias.

Cette approche rend la gestion des composants plus efficace, en particulier dans les environnements collaboratifs ou lors de l’utilisation de systèmes de contrôle de version. Elle garantit que tous les membres de l’équipe ont une vue cohérente des dépendances du projet.

environment4d.json

Le fichier « environment4d.json » permet de personnaliser les chemins d’accès aux composants.

Il permet aux développeurs de définir des chemins absolus ou relatifs pour les composants locaux, offrant ainsi la flexibilité nécessaire pour organiser les composants en fonction de leurs besoins spécifiques.

Cela signifie que chaque développeur peut configurer son environnement individuellement, sans affecter les autres, ce qui garantit une installation plus adaptable et personnalisée.

Que fait l’interface graphique de Project Dependencies ?

L’interface graphique des dépendances du projet améliore encore ce système en facilitant l’ajout et la suppression de composants par l’édition des fichiers « dependencies.json » et « environment4d.json ».

L’ajout ou la suppression d’un composant situé à côté du package folder mettra à jour le fichier ‘dependencies.json’ tandis que l’ajout d’un composant à partir d’un autre emplacement mettra à jour à la fois ‘dependencies.json’ et ‘environment4d.json’.

Ajout de composants

L’interface graphique de Project Dependencies améliore la gestion des composants locaux et GitHub. Pour ajouter un composant, cliquez sur le bouton « + » dans le pied de page de la fenêtre.

Une boîte de dialogue apparaît, vous permettant de choisir entre l’ajout d’un composant local ou d’un composant accessible depuis GitHub. À partir de là, vous pouvez soit rechercher un composant local, soit saisir l’URL du dépôt GitHub, en fonction de l’emplacement du composant.

blank

INTÉGRATION GITHUB

L’intégration de GitHub à l’interface des dépendances du projet permet aux développeurs de se connecter directement aux dépôts GitHub. Cela simplifie le processus d’ajout, de mise à jour et de gestion des composants provenant de dépôts publics et privés.

AJOUTER DES DÉPENDANCES GITHUB

Pour ajouter une dépendance GitHub, il suffit de saisir l’URL du dépôt ou simplement le « <compte>/<nom du dépôt> » dans le champ prévu à cet effet dans l’interface. L’interface offre quatre options flexibles pour la gestion des versions :

  • Latest : cette option est sélectionnée par défaut et permet de télécharger la version qui est étiquetée comme la dernière version (stable).
  • Version exacte : Sélectionnez ou saisissez manuellement une étiquette spécifique dans la liste disponible.
  • Jusqu’à la prochaine version majeure : Définir une plage de versions pour limiter les mises à jour à la version majeure suivante.
  • Jusqu’à la prochaine version mineure : De même, restreindre les mises à jour à la version mineure suivante.

blank

Une fois la dépendance définie, le fichier ‘dependencies.json’ est mis à jour automatiquement avec le chemin du dépôt et le tag choisi, réduisant ainsi le risque d’erreurs manuelles.

GESTION DES JETONS GITHUB

L’interface fournit un moyen simple d’entrer et de modifier votre jeton d’utilisateur GitHub, vous permettant d’accéder à des dépôts privés directement depuis l’interface. En stockant votre jeton de manière sécurisée, le système garantit que les dépôts privés sont accessibles chaque fois que vous en avez besoin, optimisant ainsi votre flux de travail.

MISES À JOUR DES COMPOSANTS

L’interface offre la possibilité de mettre à jour toutes les dépendances distantes. Cela garantit que toute mise à jour de vos composants prend effet lors du prochain redémarrage du projet, ce qui permet de maintenir votre environnement à jour avec un minimum d’effort.

GESTION DES COMPOSANTS LOCAUX

L’interface graphique des dépendances du projet améliore également la gestion des composants locaux. Une fenêtre de sélection de fichiers est disponible, vous permettant de choisir facilement le paquetage .4dbase ou le fichier .4DProject approprié.

Vous pouvez personnaliser le chemin de votre nouvelle dépendance, qu’il soit relatif ou absolu. L’utilisation de chemins relatifs offre l’avantage de faciliter la portabilité du projet et d’améliorer l’organisation, car les composants peuvent être référencés par rapport à la structure des répertoires du projet. Cela simplifie la maintenance et le partage des projets entre différents environnements ou membres d’une même équipe.

SUPPRESSION DE COMPOSANTS

La suppression d’une dépendance est tout aussi simple. Cliquez avec le bouton droit de la souris sur le composant dans le menu contextuel ou utilisez le bouton « – » dans le pied de page de l’interface.

Une demande de confirmation s’affiche pour éviter les suppressions accidentelles et s’assurer que vous faites le bon choix. Une fois confirmée, la dépendance est supprimée du fichier « dependencies.json » et vous serez invité à la supprimer du fichier « environment4d.json » si nécessaire. Cela permet de s’assurer que les fichiers de votre projet restent cohérents et exacts.

Dans les deux cas (ajout ou suppression d’un composant), un redémarrage est nécessaire pour charger ou décharger correctement le composant et s’assurer que les modifications prennent effet dans votre projet. Une notification persistante vous informe lorsqu’un redémarrage est nécessaire.

Une notification persistante vous informe lorsqu’un redémarrage est nécessaire pour charger ou décharger un composant.

AMÉLIOREZ VOTRE FLUX DE TRAVAIL GRÂCE À L’INTÉGRATION DE GITHUB ET DE L’INTERFACE LOCALE

Cette nouvelle fonctionnalité améliore considérablement votre contrôle sur les dépendances du projet, rendant votre expérience de développement 4D plus efficace et plus intuitive. Que vous tiriez des composants des dépôts GitHub ou que vous gériez des dépendances locales, le processus est plus intuitif et plus efficace que jamais, ce qui simplifie la gestion des composants et la collaboration au sein de vos projets.

Nous vous invitons à tester cette fonctionnalité et à nous faire part de vos commentaires. Restez à l’écoute pour d’autres mises à jour car nous continuons à améliorer l’expérience de développement de 4D avec de nouvelles fonctionnalités passionnantes !

Discuss

Tags 20 R7, 21, Component Manager, GitHub

Derniers articles liés

  • décembre 3, 2025

    Donner de l’IA à une application 4D vieille de 30 ans

  • novembre 28, 2025

    ORDA – Gérer une logique événementielle lors des opérations sur la base de données

  • novembre 27, 2025

    ORDA – Permissions – Restreindre / autoriser l’accès web aux ressources en un seul clic

David Azancot
David Azancot
- 4D for iOS Product Owner - David Azancot a rejoint l'équipe de 4D Product en tant que Product Owner en 2017. Il est chargé de rédiger les user stories et de les traduire en spécifications fonctionnelles. Son rôle consiste également à s'assurer que les implémentations des fonctionnalités répondent aux besoins des clients.David est diplômé d'un MBA en marketing, Internet et mobilité de l'Institut Léonard De Vinci et a commencé sa carrière en 2011 au sein d'une start-up mobile, rachetée ensuite par Madvertise (groupe de marketing mobile). Passionné par les interfaces mobiles, il a été le choix naturel pour développer des formats publicitaires mobiles interactifs pour le groupe en 2015. En parallèle, David développe ses propres applications iOS et Android depuis 2012.
  • Deutsch
  • Français
  • English
  • Português
  • Čeština
  • Español
  • Italiano
  • 日本語

Catégories

Browse categories

  • AI
  • 4D View Pro
  • 4D Write Pro
  • 4D for Mobile
  • Email
  • Development Mode
  • 4D Language
  • ORDA
  • User Interface / GUI
  • Qodly Studio
  • Server
  • Maintenance
  • Deployment
  • 4D Tutorials
  • Generic
  • 4D Summit sessions and other online videos

Mots clés

4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R5 20 R6 20 R7 20 R8 20 R9 20 R10 21 Administration AI Artificial Intelligence Build application Class Client/Server Code editor Collections Formula Listbox Mail Network Objects ORDA Pictures Preemptive Programmation Qodly Studio REST Scalability Security Session Source control Speed Tutorial UI User Experience v19 R7 v20 v20 R3 v20 R4 Web

Mots clés

4D for Android 4D for iOS 4D NetKit 4D Qodly Pro 4D View Pro 4D Write Pro 20 R5 20 R6 20 R7 20 R8 20 R9 20 R10 21 Administration AI Artificial Intelligence Build application Class Client/Server Code editor Collections Formula Listbox Mail Network Objects ORDA Pictures Preemptive Programmation Qodly Studio REST Scalability Security Session Source control Speed Tutorial UI User Experience v19 R7 v20 v20 R3 v20 R4 Web
Subscribe to 4D Newsletter

© 2025 4D SAS - All rights reserved
Terms & Conditions | Legal Notices | Data Policy | Cookie Policy | Contact us | Write for us


S'abonner à la newsletter 4D

* Votre vie privée est très importante pour nous. Veuillez cliquer ici pour consulter notre Politique

Nous contacter

Vous avez une question, une suggestion ou vous voulez simplement entrer en contact avec les blogueurs 4D ? Envoyez-nous un message !

* Votre vie privée est très importante pour nous. Veuillez cliquer ici pour consulter notre Politique