Dreamweaver CC 2017/2018 : Les nouveautés

Interagir avec un dépôt distant

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Découvrez comment cloner un dépôt distant et pousser les changements vers le dépôt distant. Cela vous permettra d'utiliser Git dans le cadre d'un travail en équipe.

Transcription

Même si vous travaillez seul dans un dépôt local, l'intérêt de Git est évident. Le système de branches ou la capacité à consulter l'historique d'un fichier sont des choses utiles à tout développeur mais Git vous permet d'aller encore plus loin en partageant vos dépôts avec d'autres développeurs et c'est ce que nous allons voir dans cette vidéo. Je suis toujours dans mon nouveau projet et rappelez-vous qu'à ce projet, on a associé un dépôt Git qui pour le moment est uniquement local à cette machine-ci. Dans le menu « Fenêtre » de Dreamweaver, je vais retourner dans le panneau « Git » pour vous montrer ce bouton qui s'appelle « Créer un dépôt distant ». Je vais cliquer sur ce bouton, donner un nom à mon dépôt distant, je vais l'appeler « nouveauProjet » . Attention, pas d'espace dans ce nom et je vais également spécifier ici l'URL de ce dépôt distant donc ici je vais copier-coller une adresse que j'ai été récupérer sur GitHub et pour que ça fonctionne, j'ai dû au préalable, me rendre sur GitHub pour créer un dépôt distant. Ça peut être GitHub ou n'importe quel autre service qui héberge des dépôts Git. Je vais également spécifier ici mon nom d'utilisateur auprès de GitHub, comme ceci, et mon mot de passe. Voilà, je valide et donc Dreamweaver crée ce nouveau projet distant. Maintenant que je suis lié à un dépôt distant, j'ai quelques icônes supplémentaires qui sont apparues dans mon panneau Git, il y a trois icônes qui sont apparues ici et la première dont je vais vous parler c'est celle sous laquelle la souris se trouve pour le moment avec un petit badge « 4 » au dessus de cette icône, ça veut dire que j'ai quatre fichiers qui sont dans mon dépôt local mais que je n'ai pas encore poussé sur mon dépôt distant donc je vais cliquer sur cette icône pour faire une opération qu'on appelle un « Git Push », vous voyez ça écrit ici au-dessus de cette grande boîte de dialogue qui contient pas mal d'options que je vais laisser à leurs valeurs par défaut pour le moment et cliquer sur « OK » pour pousser mon dépôt local vers le dépôt distant, voilà qui est fait, « Successfully pushed » c'est une bonne nouvelle, ça veut dire que maintenant, le code se trouve sur GitHub. On va aller jeter un petit coup d’œil donc je suis ici sur GitHub, je vais cliquer sur le lien qui se trouve ici au dessus, et voilà mon code disponible sur GitHub dans un dépôt distant qui est public. Si ce dépôt est public, ça veut dire que d'autres développeurs peuvent à leur tour venir sur cette page pour cloner votre dépôt et démarrer de leur côté un projet sur base d'une copie de votre dépôt. Que vont-ils faire, ces développeurs ? Ils vont cliquer sur ce bouton, ils vont prendre ici l'adresse URL de votre dépôt, la copier, et de retour dans Dreamveaver, je vais maintenant me placer dans la peau d'un de ces autres développeurs. Pour ça, je vais créer un nouveau site que je vais appeler « distant » que je vais placer sur ma machine dans ce dossier « distant » qui est vide pour le moment et ce nouveau projet, je vais l'associer à un dépôt Git mais je vais cloner un dépôt Git existant. Je vais spécifier l'URL de ce dépôt Git que j'ai été copier sur GitHub. Comme c'est un projet public, je n'ai pas besoin de spécifier ici mon nom d'utilisateur ou mon mot de passe je vais directement enregistrer ce site, voilà. Dreamweaver crée le projet et vous voyez cette petit boîte qui vient d'apparaître devant vous. Nous avons une opération qui est en cours, qui s'appelle un « Git Pull » alors le « Git Pull » , c'est l'inverse du « Git Push » Le « Git Push » me permettait de pousser mes fichiers de mon dépôt local vers mon dépôt distant, Le « Git Pull » me permet de prendre les fichiers du dépôt distant et d'en faire une copie sur mon dépôt local. Nous allons attendre quelques instants que Dreamweaver termine cette opération. Voilà, regardez le panneau « Fichier » de ce site, Dreamweaver a maintenant terminé cette opération, vous avez cloné le dépôt distant dans ce nouveau projet et vous pouvez maintenant travailler sur votre projet, mettre un nouveau fichier, par exemple « produits.html ». Alors, si vous créez de nouveaux fichiers, de retour je vais d'abord le préparer pour qu'il soit suivi par Git et puis le « committer » ici dans mon dépôt, « produits.html », je clique sur « OK », je vais retourner ici dans mon autre projet au niveau de mon panneau « Git » où j'ai un fichier que j'ai créé que je n'ai pas encore poussé sur le dépôt Git. Si je clique ici, je vais retourner dans cette boîte « Git Push » et je vais devoir spécifier maintenant mon nom d'utilisateur et mon mot de passe pour pousser des nouveaux fichiers vers ce projet. En effet, les dépôts distants qui sont publics, ne sont publics qu'en lecture, les autres développeurs ne peuvent pas venir pousser leurs propres fichiers dans vos dépôts. Rien ne les empêche par contre de créer eux-mêmes un dépôt distant dans leur compte GitHub à eux et donc de pousser leurs fichiers vers leur compte GitHub à eux. Je vais vous montrer encore une chose donc je vais sortir de ceci, regardez j'ai ici la liste des dépôts distants disponibles et j'ai la possibilité de gérer ces dépôts distants, c'est-à-dire par exemple d'associer un deuxième dépôt distant à ce même projet le dépôt d'origine que j'ai cloné et un autre dépôt qui serait un dépôt personnel sur mon compte GitHub à moi ou le compte GitHub de l'autre développeur pour pousser ses propres modifications vers ce dépôt dans lequel il aurait bien sûr le droit d'écrire. Je vais sortir de ceci et revenir dans mon nouveau projet mais moi, je vais de mon côté ajouter ici un nouveau fichier que je vais appeler par exemple « support.html », je vais le préparer pour le faire suivre par Git et le committer, je valide, donc ça s'appelle « support.html » voilà pour le petit message de « commit ». Je peux donc maintenant de mon côté retourner ici dans mon panneau Git et pousser ce nouveau fichier vers mon dépôt distant, voilà. Voilà qui est fait. Autrement dit, si je retourne maintenant sur GitHub, vous allez voir... Je rafraîchis cette page, vous allez voir ce nouveau fichier « support.html ». Je vais retourner dans Dreamveaver, retourner dans mon projet distant donc revenir dans la peau de cet autre développeur qui a cloné mon projet et lui de son côté, s'il le souhaite, il peut aller dans son propre panneau Git et faire ce qu'on appelle un « Git Pull » c'est-à-dire aller chercher les fichiers qu'il n'a pas donc ici il a été vérifier s'il n'y a pas quelque chose à prendre et je vais faire ce « Git Pull » pour chercher le fichier qui me manque. Voilà, je clique sur « OK » et vous voyez que cet autre développeur a maintenant accès à mon nouveau fichier « support » grâce à ce dépôt distant. Voici donc en résumé les différentes fonctionnalités qui vont vous permettre de partager vos dépôts avec d'autres développeurs grâce à Dreamweaver.

Dreamweaver CC 2017/2018 : Les nouveautés

Optimisez votre flux de travail avec les nouveautés de Dreamweaver. Faites le tour des améliorations de l'interface, appréciez les évolutions de l'éditeur de code, etc.

Aucun commentaire n´est disponible actuellement
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :2 nov. 2016
Mis à jour le:13 juin 2018

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !