{"id":6116,"date":"2023-01-02T15:29:02","date_gmt":"2023-01-02T15:29:02","guid":{"rendered":"https:\/\/www.philipp-elhaus.de\/?page_id=6116"},"modified":"2024-10-17T09:53:44","modified_gmt":"2024-10-17T09:53:44","slug":"cloud","status":"publish","type":"page","link":"https:\/\/php.philipp-elhaus.de\/cloud\/","title":{"rendered":""},"content":{"rendered":"\n
\n
\n
Das WTF-Model<\/em> ist eine PHP Web App<\/strong> die den klassischen tech stack aus vanilla Javascript<\/strong>, HTML & CSS<\/strong> benutzt.<\/pre>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Verteilt auf 3 Domains mit Shop (WooCommerce<\/em>) & Forum (phpBB<\/em>) die sich einen Flexible MySQL Server<\/em> teilen l\u00e4uft es in der Microsoft Azure Cloud<\/strong>. Durch die komponentenhafte Zusammenstellung individueller Ressourcen und der M\u00f6glichkeit der Echtzeit\u00fcberwachung durch bspw. Health Checks setzt sich jene von klassischen virtuellen Servern klar ab.<\/p>\n<\/div>\n\n\n\n
\n
\"\"<\/figure><\/div><\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
\n
\n
\u00dcber den Azure AppService<\/em> wird ein NGINX <\/strong>WebServer mit Reverse-Proxy und Loadbalancer nach eingehendem Traffic automatisch horizontal mit virtuellen Containern skaliert um auch gr\u00f6\u00dfere Besuchermengen bedienen zu k\u00f6nnen. Feinheiten in der manuell vorgenommenen Konfiguration sind u.a. die duale Nutzung von GZip & Brotli <\/em>Kompression, spezifische Ausnahmen via HTTP Headern f\u00fcr u.a. CORS Pre-Flight Requests, importierte Custom Domains, DNS Adaptation inkl. shared SSL Zertifikat & forcierte TLS Nutzung.<\/p>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
Statische Inhalte wie Bilder oder Audio sind auf dem Microsoft CDN<\/strong> Netzwerk verteilt um die Geschwindigkeit zu erh\u00f6hen. Dynamische & sich oft \u00e4ndernde Dateien haben hingegen eine geringe Caching Dauer und werden i.d.R. immer direkt und aktuell vom Datacenter Germany West Central<\/em> nachgeladen. <\/p>\n<\/div>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Im Dev-Ops Stil passiert das Deployment automatisiert via YAML <\/em>mit einer GitHub Actions <\/strong>Pipeline das Tests, Obfuscation und abschlie\u00dfend Benachrichtigung via Webhook<\/strong> in Telegram durchf\u00fchrt.<\/p>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n
Das WTF-Model selber ist eine interaktive Multimedia Web<\/em> App<\/em> die neben vielen statischen Assets u.a. auch komplexe Meshes im GLTF <\/em>Format l\u00e4dt und sich auf die ThreeJS <\/em>Library zur 3D Darstellung st\u00fctzt. Das Model simuliert einen kombinierten Schalter+Kompressor im reduzierten 11-Dimensionalen Raum der als universeller Mapper f\u00fcr beliebige Objekte herangezogen werden kann. <\/p>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n
Unter www.wtf-model.com<\/a> bietet das Model fast 20 animierte \u00dcberlagerungen<\/strong> und \u00fcber 300 illustrierte Beispiele<\/strong> aus den Bereichen Informatik<\/em>, Engineering<\/em>, Mathematik<\/em>, Wirtschaft<\/em>, Politik <\/em>und Alltag.<\/em> <\/p>\n\n\n\n
Zugang zu selbigem kann im angegliederten Shop f\u00fcr 30,- EUR gekauft werden.<\/pre>\n\n\n\n
\n
\"\"
www.wtf-model.biz<\/a><\/figcaption><\/figure>\n\n\n\n
\"\"
www.wtf-model.com<\/a><\/figcaption><\/figure>\n<\/figure>\n\n\n\n
Update: 10\/2024 wurde das gesamte Setup zu einer kosteng\u00fcnstigeren Azure Static WebApp<\/strong> und Azure Function<\/strong> L\u00f6sung umgebaut. In diesem Blog-Post<\/a> wird die Konversion von IaaS zu SaaS\/PaaS <\/strong>detailliert von mir beschrieben.<\/pre>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Das WTF-Model ist eine PHP Web App die den klassischen tech stack aus vanilla Javascript, HTML & CSS benutzt. Verteilt auf 3 Domains mit Shop (WooCommerce) & Forum (phpBB) die sich einen Flexible MySQL Server teilen l\u00e4uft es in der Microsoft Azure Cloud. Durch die komponentenhafte Zusammenstellung individueller Ressourcen und der M\u00f6glichkeit der Echtzeit\u00fcberwachung durch bspw. … mehr<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"generate_page_header":"","footnotes":""},"class_list":["post-6116","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/pages\/6116"}],"collection":[{"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/comments?post=6116"}],"version-history":[{"count":95,"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/pages\/6116\/revisions"}],"predecessor-version":[{"id":6787,"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/pages\/6116\/revisions\/6787"}],"wp:attachment":[{"href":"https:\/\/php.philipp-elhaus.de\/wp-json\/wp\/v2\/media?parent=6116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}