1
00:00:04,970 --> 00:00:10,370
‫D'ACCORD. Je suis super excité à propos de cette tâche pour vous parce que les montages bind peuvent être vraiment cool.

2
00:00:10,490 --> 00:00:17,900
‫Ils sont particulièrement intéressants pour le développement local ou les tests locaux. Parce que, comme nous l'avons expliqué précédemment, ils

3
00:00:18,410 --> 00:00:24,470
‫vont vous permettre de modifier des fichiers sur votre système d'exploitation hôte, puis ils s'exécutent ou

4
00:00:24,500 --> 00:00:29,480
‫sont réellement utilisés dans le conteneur pour effectuer des tâches beaucoup plus facilement.

5
00:00:29,480 --> 00:00:34,940
‫Dans cet exemple, nous allons utiliser quelque chose appelé "Générateur de site statique" et il

6
00:00:34,940 --> 00:00:36,330
‫ne s'agit pas

7
00:00:36,350 --> 00:00:38,690
‫spécifiquement d'une tâche de développeur Web.

8
00:00:38,690 --> 00:00:41,990
‫En réalité, nous ne ferons pas grand chose d'autre que la modification d'une ligne de texte.

9
00:00:41,990 --> 00:00:47,180
‫En réalité, il s’agit de s’habituer à l’idée de prendre les données de l’hôte, que vous avez

10
00:00:47,180 --> 00:00:53,900
‫sur votre ordinateur hôte, puis de les monter dans un conteneur, puis de les modifier sur l’hôte et de les regarder se

11
00:00:53,900 --> 00:00:55,440
‫refléter à l’intérieur du conteneur.

12
00:00:55,490 --> 00:00:56,140
‫Droite.

13
00:00:56,180 --> 00:01:02,480
‫Dans ce cas, il s’agit d’un exemple assez courant. Un développeur Web a le code source, le code HTML et tout

14
00:01:02,480 --> 00:01:08,150
‫le reste, sur son hôte et il devrait normalement télécharger tous les outils spéciaux dont il a besoin sur l'hôte, n'est-ce

15
00:01:08,150 --> 00:01:08,720
‫pas?

16
00:01:08,750 --> 00:01:13,310
‫Nous aurions besoin d’outils de langage de programmation, d’un serveur Web, d’une sorte d’observateur de fichiers qui détecte

17
00:01:13,310 --> 00:01:16,460
‫les modifications et redémarre des choses, et de tous ces outils, non?

18
00:01:16,460 --> 00:01:21,230
‫En général, les développeurs Web doivent trouver un moyen de faire en sorte que tout cela fonctionne avec leur

19
00:01:21,230 --> 00:01:23,570
‫système d’exploitation particulier et avec les bonnes versions.

20
00:01:23,750 --> 00:01:29,630
‫Mais ce qui est intéressant, c’est Docker Hub. Ainsi, bon nombre de ces problèmes ont disparu parce que les piles de ces composants

21
00:01:29,630 --> 00:01:34,360
‫sont toutes contenues dans un même conteneur et que quelqu'un a fait tout le travail à votre place.

22
00:01:34,370 --> 00:01:37,460
‫Dans ce cas, nous utiliserons réellement Jekyll et, comme je l’ai

23
00:01:37,460 --> 00:01:39,560
‫mentionné plus tôt, il s’agit d’un SSG.

24
00:01:39,560 --> 00:01:47,780
‫Ce sont vraiment des outils très basiques qui vous permettent de créer un démarquage, qui est essentiellement du texte brut.

25
00:01:47,780 --> 00:01:51,530
‫Ensuite, il les prend et les génère dans un site Web HTML.

26
00:01:51,530 --> 00:01:57,200
‫C'est vraiment génial pour les petits blogs ou les sites Web simples où vous ne voulez pas être un gourou du HTML, mais vous

27
00:01:57,500 --> 00:02:00,460
‫voulez simplement écrire quelque chose de simple et l'afficher sur le Web.

28
00:02:00,470 --> 00:02:06,710
‫C’est aussi chaque fois que vous voyez des sites gérés par GitHub, connus sous le nom de GitHub Pages, Jekyll est également

29
00:02:06,710 --> 00:02:07,700
‫l’outil qu’ils utilisent.

30
00:02:07,700 --> 00:02:12,910
‫Dans ce cas, vous allez accéder au répertoire exemple de montage bind, comme indiqué ci-dessous.

31
00:02:13,490 --> 00:02:19,220
‫Vous allez voir des fichiers là-bas. Vous allez les modifier avec l'éditeur de votre

32
00:02:19,220 --> 00:02:24,970
‫choix, qu'il s'agisse de code Visual Studio, d'Atom, de Vim, de Sublime Text ou de ce que vous préférez.

33
00:02:25,130 --> 00:02:30,260
‫Un conteneur s'exécutant en arrière-plan exécute Jekyll et surveille ces fichiers sur votre hôte,

34
00:02:30,260 --> 00:02:35,510
‫détecte les mises à jour, puis met à jour automatiquement le serveur Web intégré

35
00:02:35,510 --> 00:02:36,560
‫au conteneur.

36
00:02:36,920 --> 00:02:40,090
‫Pour commencer, voici la commande que vous pouvez réellement utiliser.

37
00:02:40,220 --> 00:02:45,560
‫Vous souhaitez accéder à cet exemple de répertoire de montage de liaison, puis exécuter cette

38
00:02:45,800 --> 00:02:51,730
‫commande particulière de docker run, ce qui ouvrira votre hôte local par défaut et mappera ce répertoire.

39
00:02:51,740 --> 00:03:00,000
‫Rappelez-vous que pwd mappera cela dans le répertoire du site à l'intérieur du conteneur, ce que nous avons configuré ici.

40
00:03:00,010 --> 00:03:04,280
‫Ensuite, je vous ai créé un conteneur Jekyll personnalisé, très facile à utiliser et utilisant les

41
00:03:04,280 --> 00:03:05,100
‫dernières versions.

42
00:03:05,120 --> 00:03:11,630
‫Donc, ce que vous devriez voir, c'est que vous devriez être capable de l'exécuter, ouvrez votre navigateur localhost, consultez le site Web avec

43
00:03:11,630 --> 00:03:16,910
‫la page Web de base. C'est en fait en utilisant le modèle par défaut. Ensuite, vous allez simplement

44
00:03:16,910 --> 00:03:22,670
‫sauter rapidement dans le répertoire post qui se trouve dans cet exemple de montage lié.

45
00:03:22,670 --> 00:03:24,840
‫Vous pouvez réellement le voir ici.

46
00:03:28,370 --> 00:03:29,080
‫Sur mon

47
00:03:29,080 --> 00:03:35,000
‫écran, je l'ai en fait dans mon code Visual Studio. Donc, ce seront les fichiers dans ce répertoire.

48
00:03:35,000 --> 00:03:40,340
‫Vous allez simplement entrer dans ce fichier ici, qui est un fichier de démarques, et

49
00:03:40,580 --> 00:03:48,410
‫c'est OK si vous n'êtes pas un gourou des démarques. Il vous suffit de modifier quelque chose ici, puis de passer à votre navigateur Web et de remarquer comment

50
00:03:48,410 --> 00:03:52,190
‫cela se reflète automatiquement comme une mise à jour une fois que vous avez enregistré le fichier.

51
00:03:52,250 --> 00:03:57,770
‫Bien sûr, je recommande fortement de consulter les journaux de Docker pour voir ce qu’il fait, car il vous le dira

52
00:03:57,770 --> 00:04:01,610
‫chaque fois que le fichier est modifié et que le serveur est rechargé.

53
00:04:01,610 --> 00:04:06,800
‫Si vous êtes bloqué ou que cela n'a pas de sens, regardez simplement mes réponses vidéo après

54
00:04:06,800 --> 00:04:07,230
‫cela.

55
00:04:07,250 --> 00:04:10,360
‫Je vais passer à travers cela et vous pouvez suivre si vous êtes bloqué.

56
00:04:10,670 --> 00:04:11,180
‫Bonne chance.