feat(okdInstallationBlog): wip part 1
This commit is contained in:
parent
9ce21abd74
commit
acbc8a20d6
@ -4,35 +4,28 @@ use leptos::*;
|
||||
pub fn OkdInstallationOverview1() -> impl IntoView {
|
||||
view! {
|
||||
<div class="margin-x-auto max-width-900">
|
||||
<div class="row margin-y-2 space-between">
|
||||
// <div class="flex-align-center margin-x-1">
|
||||
// <img src="assets/Red_Hat_logo.png" alt="RedHat logo" class="height-70"/>
|
||||
// </div>
|
||||
// <img src="assets/Red_Hat_logo.png" alt="RedHat logo" class=""/>
|
||||
// <div class="margin-x-3 text-left column justify-center">
|
||||
<div class="margin-x-1 text-left column">
|
||||
<h1 class="font-3xl">"RedHat OKD"
|
||||
<span class="font-l font-italic">" -OpenShift Community Edition-"</span>
|
||||
<br/>
|
||||
<span class="font-2xl color-gray">"Survol d'une installation HA On-Prem."</span>
|
||||
</h1>
|
||||
//<h2 class="font-size-3xl">
|
||||
// <span>"Stay focused"</span><br/>
|
||||
// <span>"on your features,"</span><br/>
|
||||
// <span>"we take care"</span><br/>
|
||||
// <span>"of the infrastructure."</span>
|
||||
//</h2>
|
||||
// <div class="fixed-blog-header">
|
||||
<div class="">
|
||||
<div class="row margin-top-2 space-between">
|
||||
<div class="margin-x-1 text-left column">
|
||||
<h1 class="font-3xl">"RedHat OKD"
|
||||
<span class="font-l font-italic">" -OpenShift Community Edition-"</span>
|
||||
<br/>
|
||||
<span class="font-2xl color-gray">"Survol d'une installation HA On-Prem."</span>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="flex-align-start pad-top-2 pad-right-1">
|
||||
<img src="assets/Red_Hat_logo.png" alt="RedHat logo" class="height-70"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-align-start pad-top-2 pad-right-1">
|
||||
<img src="assets/Red_Hat_logo.png" alt="RedHat logo" class="height-70"/>
|
||||
<div class="text-left margin-x-1 font-m">
|
||||
"["<i>"Première partie"</i>"]"
|
||||
</div>
|
||||
//<div>
|
||||
// <img src="assets/Red_Hat_logo.png" alt="RedHat logo" class=""/>
|
||||
//</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="margin-top-1">
|
||||
// <div class="margin-x-1 text-justify column font-m blog-content">
|
||||
<div class="margin-x-1 text-justify column font-m">
|
||||
<p>"Dans cet article, je vous offre une vue à haut niveau des requis et étapes nécessaires pour installer un cluster "<b>"RedHat OKD"</b>" hautement disponible (3+ nodes) sur"<i>" bare metal"</i>". Dans la terminologie RedHat, on parle ici d'une installation de type"<b>" UPI"</b>" - "<i><b>"U"</b>"ser "<b>"P"</b>"rovisioned "<b>"I"</b>"nfrastructure"</i>"."</p>
|
||||
<p>"Dans cet article en plusieurs parties, je vous offre une vue à haut niveau des requis et étapes nécessaires pour installer un cluster "<b>"RedHat OKD"</b>" hautement disponible (3+ nodes) sur"<i>" bare metal"</i>". Dans la terminologie RedHat, on parle ici d'une installation de type"<b>" UPI"</b>" - "<i><b>"U"</b>"ser "<b>"P"</b>"rovisioned "<b>"I"</b>"nfrastructure"</i>"."</p>
|
||||
|
||||
<p>"Attention: ne vous attendez pas à un cookbook. Pas de longues listes de commandes, je ne prendrai personne par la main. Il s'agit plutôt d'un survol, un "<i>" preflight check "</i>" pour avoir une idée générale de la marche à suivre, des compétences requises, et être averti de pièges à éviter par lesquels je suis passé." </p>
|
||||
|
||||
@ -65,26 +58,40 @@ pub fn OkdInstallationOverview1() -> impl IntoView {
|
||||
// <img src="assets/okdPanda.jpeg" alt="RedHat logo" class="" style="max-height:100%; flex:1;"/>
|
||||
//<p>yo</p>
|
||||
</div>
|
||||
"Cette liste n'est pas exhaustive, mais elle vient donner une idée de la trail dans laquelle on s'embarque / du profil que ça prend pour espérer s'en sortir :)"
|
||||
"Cette liste n'est pas exhaustive, mais elle vient donner une idée de la trail dans laquelle on s'embarque / du profil que ça prend pour réussir cette installation."
|
||||
</p>
|
||||
|
||||
|
||||
<h2 class="margin-top-4 color-okd-gray">"Le setup visé"</h2>
|
||||
<p>
|
||||
"L'architecture de l'infra que l'on va construire dans les prochains paragraphes va grossièrement comme suit:"
|
||||
<ul>
|
||||
<li>Yo</li>
|
||||
</ul>
|
||||
"L'architecture logicielle finale de ce que l'on va construire ressemblera grossièrement à ceci:"
|
||||
// <ul class="line-1-5">
|
||||
<ul>
|
||||
<li><p>"3 nodes de type "<i>"Control Plane"</i>" (qui seront aussi des "<i>"Workers"</i>")"</p></li>
|
||||
<li><p>"1 node de type "<i>"Worker"</i></p></li>
|
||||
<li><p>"Un serveur DHCP qui fournit IP et Hostname aux nodes du cluster selon leur MAC address"</p></li>
|
||||
<li><p>"Un serveur DNS qui resolve les addresses du cluster pour les envoyer vers le load balancer"</p></li>
|
||||
<li><p>"Un load balancer qui distribue les requêtes vers les 3 "<i>"control planes"</i></p></li>
|
||||
<li><p>"Un serveur VPN pour accéder à l'infrastructure"</p></li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h2 class="margin-top-5 color-okd-gray">"Le hardware requis"</h2>
|
||||
<h2 class="margin-top-3 color-okd-gray">"Le hardware requis"</h2>
|
||||
<p>
|
||||
<ul>
|
||||
<li>"Une switch <doh>"</li>
|
||||
<li>"Une machine pour OPNSense"</li>
|
||||
</ul>
|
||||
"L'installation qui sera décrite dans la suite de cet article pourrait très bien se faire dans un setup complètement virtuel. Par contre, le but visé ici étant "<i>"bare metal"</i>", nous n'emprunterons pas cette voie. Voici donc la description du matériel physique requis:"
|
||||
<ul>
|
||||
<li><p>"Une switch et du câblage réseau"</p></li>
|
||||
<li><p>"Une machine pour "<i>"OPNSense"</i>" (qui fournira les services: Firewall, DNS, DHCP, Load Balancer, VPN) [Pas besoin d'un monstre, capable de rouler sur un CPU 2 threads avec 2GB RAM]"</p></li>
|
||||
<li><p>"Trois machines "<i>"Master / Control Plane"</i>" [Minimum 16GB RAM, 4 threads]"</p></li>
|
||||
<li><p>"Une machine qui va servir de "<i>"bootstrap node"</i>" lors de l'installation et sera ensuite recyclée en "<i>"worker"</i>" [Minimum 16GB RAM, 4 threads, Idéalement bcp de RAM, bcp de threads]"</p></li>
|
||||
<li><p>"Une machine pour le serveur PXE (TFTP + HTTP). Cette machine est nécessaire lors de l'installation initiale, et pour tout remplacement / ajout de node dans le cluster. [Pas besoin de beaucoup de puissance, j'utilise un "<i>"Raspberry Pi 4"</i>" avec 4GB RAM]"</p></li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h2 class="margin-top-3 color-okd-gray">"La suite dans le prochain épisode..."</h2>
|
||||
<p>
|
||||
"Tout comme une bonne série télé, c'est au moment où l'on arrive dans l'action que la saison se termine. Maintenant que nous connaissons notre objectif et le matériel requis pour l'atteindre, nous allons être prêts à entrer dans le vif du sujet : l'installation. J'espère que cette première partie a su s'avérer intéressante et a éveillé un intérêt, la prochaine suivra sous peu!"
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -25,6 +25,19 @@ body {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.fixed-blog-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background-color: #f8f9f1;
|
||||
width: -webkit-fill-available;
|
||||
max-width: 900;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.blog-content {
|
||||
padding-top: 180px;
|
||||
}
|
||||
|
||||
.line-2-5 {
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
@ -53,6 +66,10 @@ body {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.font-s {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.font-italic {
|
||||
font-style: italic;
|
||||
}
|
||||
@ -83,6 +100,14 @@ body {
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
||||
.line-1-5 {
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
.line-2 {
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.color-gray {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user