{"id":115,"date":"2021-04-30T22:11:00","date_gmt":"2021-04-30T20:11:00","guid":{"rendered":"https:\/\/ark-net.eu\/?p=115"},"modified":"2021-05-01T20:23:39","modified_gmt":"2021-05-01T18:23:39","slug":"wordpress-linuxserver-letsencrypt-or-swag-docker","status":"publish","type":"post","link":"https:\/\/ark-net.eu\/?p=115","title":{"rendered":"Der (lange) Weg zur eigenen WordPressseite &#8211; Part 1 Projekt Vorstellung und \u00dcbersicht"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-drop-cap\">Wer kennt es nicht. Man bekommt von irgendwo her die Motivation eine WordPressseite aufzusetzen. Man schaut sich Videos dar\u00fcber an, bereitet sich vor und f\u00fchrt das Projekt durch. Am Ende hat man eine Internetseite auf Basis von WordPress und wei\u00df nicht was man damit machen soll. Wieso soll ich also eine Internetseite erstellen? Die Frage stelle ich mir auch grade. Hier sind meine Antworten.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Ihr lernt das Erstellen einer Webseite. Allein dieser Punkt ist schon eine Menge wert. <\/li><li>Ihr hebt euch von anderen ab. Wer von euren Bekannten, Freunden oder Familie hat eine eigene Webseite? Seht ihr. Wahrscheinlich nicht viele, wenn \u00fcberhaupt irgendjemand. Nun denkt diesen Gedanken weiter. Wer von den zuk\u00fcnftigen Bewerbern auf den Job den ihr haben wollt hat eine eigene Webseite?<\/li><li>Ihr k\u00f6nnt etwas zur\u00fcckgeben. Vielleicht schreibt ihr etwas auf eurer Seite das anderen helfen wird deren Probleme zu l\u00f6sen.<\/li><li>Den Spa\u00df ab und an etwas zu schreiben und zu ver\u00f6ffentlichen.<\/li><li>Ihr k\u00f6nnt weitere Dienste auf der Grundlage von Docker laufen lassen<\/li><\/ol>\n\n\n\n<p>Der wissende wird merken das auch ich ein wenig beeinflusst wurde. Aber auch das ist nicht schlimm.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/04\/2ways.png\" alt=\"\" class=\"wp-image-119\" width=\"321\" height=\"346\" srcset=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/04\/2ways.png 713w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/04\/2ways-278x300.png 278w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p>Aber was ben\u00f6tige ich um meine eigene WordPressseite online zu stellen. Es kommt ganz darauf an welche Vorkenntnisse man schon besitzt. Der einfachste Weg ist sich einen Provider f\u00fcr Webhosting zu suchen. Diese gibt es wie Sand am Meer und sind einfach durch YouTube Tutorials zu finden. Eins davon auf Englisch von NetworkChuck ist <a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/gwUz3E9AW0w\" target=\"_blank\">hier<\/a>. <\/p>\n\n\n\n<p>Ihr wollt die volle Experience dann schnallt euch an. Wieso den kurzen Weg gehen, wenn man den langen mit Kopfschmerzen, Frust und an Ende mit einem gro\u00dfen Gef\u00fchl der Belohnung gehen kann. <\/p>\n\n\n\n<p>In dieser Blog-Reihe werden ich euch Schritt f\u00fcr Schritt zeigen wie man den langen Weg zu einer eigenen WordPressseite nimmt und nebenbei noch ein Bisschen was lernt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Projekt \u00dcbersicht<\/h2>\n\n\n\n<p>Was brauche ich um den langen Weg zu gehen? Eigentlich nicht viel au\u00dfer Durchhalteverm\u00f6gen und Spa\u00df an Fehlschl\u00e4gen zu lernen. Bevor wir anfangen schauen wir uns einmal an was wir vorhaben!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"458\" src=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-1024x458.png\" alt=\"\" class=\"wp-image-166\" srcset=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-1024x458.png 1024w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-300x134.png 300w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-768x344.png 768w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-1536x687.png 1536w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-2048x916.png 2048w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Plan-800x358.png 800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Das sieht jetzt etwas wild aus aber wir werden die Graphik St\u00fcck f\u00fcr St\u00fcck auseinandernehmen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Zusammenspiel von WordPress, MySQL und SWAG<\/h2>\n\n\n\n<p>Wir wollen eine Webseite. Um diese Webseite einfach erstellen zu k\u00f6nnen und mit Vorlagen oder Bausteinen arbeiten zu k\u00f6nnen soll WordPress als Basis genutzt werden. WordPress ist also f\u00fcr die Kommunikation mit dem Internet, Die Struktur und die Wiedergabe unserer Daten, die wir eingeben, zust\u00e4ndig. <\/p>\n\n\n\n<p>WordPress ben\u00f6tigt einen Ort an dem es Daten speichern kann. Hierf\u00fcr brauchen ein Programm, dass auf das Speichern von Daten spezialisiert ist, eine Datenbank. in unserem Beispiel werden wir MySQL verwenden. Es k\u00f6nnen aber auch andere Datenbanktypen verwendet werden. <\/p>\n\n\n\n<p>Wenn wir oder andere unsere Internetseite verwenden wollen, soll das auf einem sicheren Weg verschl\u00fcsselt stattfinden. Andere Personen die sich unsere Internetseite anschauen sollen au\u00dferdem nicht direkt mit unserer Webseite oder dem System dahinter in Verbindung kommen um m\u00f6gliche Sicherheitsl\u00fccken auszuschlie\u00dfen. Diesen Job \u00fcbernimmt das Programm SWAG ehemals Letsencrypt von linuxserver. SWAG stellt sich zwischen unsere WordPressseite und dem Internet und verschl\u00fcsselt die Verbindung und l\u00e4sst nur Anfragen aus dem Internet auf dem richtigen Weg auf die WordPressseite zu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Container-1024x574.png\" alt=\"\" class=\"wp-image-170\" srcset=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Container-1024x574.png 1024w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Container-300x168.png 300w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Container-768x431.png 768w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Container-800x449.png 800w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Container.png 1507w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Die eigene Domain<\/h2>\n\n\n\n<p>Um einen richtigen Weg vorzugeben und unsere WordPressseite aus dem Internet ansprechbar zu machen m\u00fcssen wir au\u00dferdem eine Domain haben die wir mit SWAG verkn\u00fcpfen k\u00f6nnen. Eine Domain kann von vielen Anbietern f\u00fcr einen geringen Kostensatz im Jahr gemietet werden. Wir m\u00fcssen nur eine Domain finden die am besten sprechend f\u00fcr uns steht und von keinem Unternehmen beansprucht werden kann. Hierzu sollte eine Domain gew\u00e4hlt werden die keinem eingetragenen Markenzeichen entspricht. Um sicher zu gehen das wir keinen Namen eines eingetragenen Markenzeichens benutzen k\u00f6nnen wir die verschiedenen Register durchsuchen wie zum Beispiel das <a rel=\"noreferrer noopener\" href=\"https:\/\/tmsearch.uspto.gov\/bin\/gate.exe?f=login&amp;p_lang=english&amp;p_d=trmk\" target=\"_blank\">Amerikanische Trademark Register<\/a> oder die <a rel=\"noreferrer noopener\" href=\"https:\/\/www3.wipo.int\/branddb\/en\/index.jsp\" target=\"_blank\">WIPO<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">VPS<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Mit diesem drei Programmen funktioniert unsere Idee eine Internetseite zu betreiben. Wir k\u00f6nnten jetzt drei verschiedene VPS mieten entsprechend der Hardwareanforderungen der Programme und diese miteinander verbinden. Unsere Internetseite w\u00fcrde funktionieren aber wir m\u00fcssten drei kleine VPS bezahlen und uns um diese k\u00fcmmern. <\/p>\n\n\n\n<p>Jetzt sollte die Frage kommen was ein VPS ist. Ein VPS ist ein virtueller privater Server. Cloudanbieter haben ihn ihren Rechenzentren Server die so Leistungsf\u00e4hig sind das man die Hardware per Software aufteilen kann. F\u00fcr uns hei\u00dft das, dass wir ein Teil eines Servers oder sogar einen ganzen Server f\u00fcr unsere Zwecke mieten k\u00f6nnen. Wenn wir nur einen Teil eines Servers mieten spricht man von einem virtuellen privaten Server. Die Kosten f\u00fcr einen VPS sind dementsprechend abh\u00e4ngig von der Gr\u00f6\u00dfe des gemieteten Teiles eines Servers.<\/p>\n\n\n\n<p>Wir k\u00f6nnten nat\u00fcrlich auch drei kleine Server selbst bauen und Diese Zuhause hinstellen. F\u00fcr Webseiten mit wenig Nutzung reichen dazu sogar drei Raspberry Pi&#8217;s. In diesem Beispiel werden wir uns aber einen VPS mieten, da das Betreiben von Servern Zuhause ein ganz anderer Grad an Komplexit\u00e4t ist. Ein VPS kommt mit der kompletten Hardwareinfrastruktur, Stromversorgung und Internetzugang out of the Box.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Docker<\/h2>\n\n\n\n<p>Wir haben nun drei VPS wie uns der obere Teil des Bilds zeigt. Unsere Webseite funktioniert. Wollen wir nun neben unserer WordPressseite noch einen anderen Dienst zum Beispiel einen Minecraftserver oder eigene Cloud betreiben m\u00fcssten wir uns einen weiteren VPS mieten oder einen weiteren Server selbst bauen. Wir haben also keinen Platz zum Wachsen, Skalieren oder Erweitern. Wir bezahlen drei VPS und m\u00fcssen uns um diese k\u00fcmmern. <\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Mit Docker haben wir die M\u00f6glichkeit unsere Server zusammenzufassen und zwar mit derselben Idee auf der die virtuellen privaten Server funktionieren. Wir k\u00f6nnen ein gr\u00f6\u00dferes System mit der Docker Software aufteilen und den einzelnen Programmen einen Teil des Betriebssystems des Servers, in einer sicheren und abgeschirmten Umgebung, zur Verf\u00fcgung stellen. <\/p>\n\n\n\n<p>Umso Etwas umzusetzen schneiden wir die Programme einfach ab und packen sie in ihre eigenen kleinen Container die dann von Docker verwaltet werden. <\/p>\n\n\n\n<p>Der Vorteil ist das wir nur noch einen Server, in diesem Fall einen VPS, bezahlen m\u00fcssten der etwas mehr Kapazit\u00e4t hat. Wir haben au\u00dferdem nur ein Betriebssystem um das wir uns k\u00fcmmern m\u00fcssten. Sollte unsere Webseite wachsen k\u00f6nnen die meisten VPS hoch skaliert werden. Wir w\u00fcrden einfach mehr Arbeitsspeicher, Speicher oder Prozessorkerne bestellen. Sollten wir von vorn herein einen VPS mit mehr Kapazit\u00e4t bestellt haben, so wie hier im Bild gezeigt ist noch Platz f\u00fcr weitere Docker-Container vorhanden.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"992\" height=\"1024\" src=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Docker-1-992x1024.png\" alt=\"\" class=\"wp-image-173\" srcset=\"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Docker-1-992x1024.png 992w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Docker-1-291x300.png 291w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Docker-1-768x792.png 768w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Docker-1-800x826.png 800w, https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/05\/Docker-1.png 1066w\" sizes=\"auto, (max-width: 992px) 100vw, 992px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Themen des langen Weges<\/h2>\n\n\n\n<p>Mit welchen Themen m\u00fcssen wir uns also nun besch\u00e4ftigen um unsere eigene WordPressseite auf dem langen Weg zu erstellen. Hier eine Auflistung aller Themen die wir ansprechen sollten um eine funktionierende Webseite zu erstellen. Wir werden die Liste in n\u00e4chsten Blogeintrag Part 2 anfangen.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>VPS (Virtueller Privater Server<ul><li>Dimensionierung und mieten eines VPS<\/li><\/ul><ul><li>Das Betriebssystem des VPS<\/li><li>Wie Verbinde ich mich meinem VPS<\/li><li>Einrichtung des Betriebssystems<\/li><li>Schutz des VPS vor unerw\u00fcnschten Zugriff<\/li><\/ul><\/li><li>Docker<ul><li>Installation<\/li><\/ul><ul><li>docker-compose<\/li><li>Container<\/li><li>Stacks<\/li><\/ul><\/li><li>Aufbau der Struktur <ul><li>SWAG<ul><li>Einrichtung auf Docker<\/li><li>SWAG und meine Domain<\/li><\/ul><\/li><\/ul><ul><li>Einrichtung MySQL<\/li><li>WordPress<ul><li>Einrichtung unter SWAG<\/li><li>Einstellungen im Container<\/li><\/ul><\/li><\/ul><\/li><li>WordPress<ul><li>Ersteinrichtung<\/li><li>Die erste Seite<\/li><li>Wie geht es weiter?<\/li><\/ul><\/li><\/ul>\n\n\n\n<p>Man sieht sich! bis Dann.<\/p>\n\n\n\n<p>Arkijun<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer kennt es nicht. Man bekommt von irgendwo her die Motivation eine WordPressseite aufzusetzen. Man schaut sich Videos dar\u00fcber an, bereitet sich vor und f\u00fchrt das Projekt durch. Am Ende hat man eine Internetseite auf Basis von WordPress und wei\u00df nicht was man damit machen soll. Wieso soll ich also eine Internetseite erstellen? Die Frage<span class=\"dots\"> &hellip; <\/span><span class=\"link-more\"><a href=\"https:\/\/ark-net.eu\/?p=115\" class=\"more-link\">Read more <span class=\"screen-reader-text\">&#8220;Der (lange) Weg zur eigenen WordPressseite &#8211; Part 1 Projekt Vorstellung und \u00dcbersicht&#8221;<\/span><\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[11,17,15,14,12,16,13],"class_list":["post-115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-docker","tag-docker","tag-eigene-webseite","tag-hosting","tag-self-hosting","tag-swag","tag-webseite","tag-wordpress"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/ark-net.eu\/wp-content\/uploads\/2021\/04\/WPTitle-e1618868060857.png","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/posts\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ark-net.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=115"}],"version-history":[{"count":26,"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/posts\/115\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/posts\/115\/revisions\/182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ark-net.eu\/index.php?rest_route=\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/ark-net.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ark-net.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ark-net.eu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}