wiki.sehanka.de - Benutzerbeiträge [de]

Geschäftsreisen

2025-03-19T11:05:09Z

Sebastian.kalms: Die Seite wurde neu angelegt: „= Allgemein = * eine Geschäftsreise mit Privatanteil ist möglich, sofern der betrieblich veranlasste Zeitanteil nicht unter zehn Prozent liegt, d. h.…“

= Allgemein =

* eine Geschäftsreise mit Privatanteil ist möglich, sofern der betrieblich veranlasste Zeitanteil nicht unter zehn Prozent liegt, d. h. der Privatanteil kann größer sein als der betriebliche Anteil
* Kosten für eine Geschäftsreise mit Privatanteil können teilweise steuerlich geltend machen
* eine Privatreise über Firma nicht möglich, d. h. eine entsprechende Zahlung über die Firma wird als Darlehen bzw. Forderung an den Unternehmer angesehen und muss früher oder später ggf. mit Zinsen zurückgezahlt werden!
* Kosten einer Geschäftsreise mit Privatanteil lassen sich steuermindernd anteilig geltend machen, d. h. Geschäftsreise mit angehängtem Urlaub ist möglich. U. a. auch Anreisekosten

== Regeln für die Abrechnung ==

* Privatanteil der Geschäftsreise muss klar zu trennen sein bzw. sollten Selbstständige die Kosten sauber trennen.
* Privatanteil der Geschäftsreise gut dokumentieren
* Geschäftsreise mit Privatanteil ist anteilig anzusetzen
* Rein betrieblich bedingte Aufwendungen, etwa für einen Messestand, Messe-Eintrittskarten oder eine Tagungsgebühr, zählen voll als Betriebsausgaben
* Gemischt veranlasste Kosten, beispielsweise für ein Flug- oder Bahnticket, können Unternehmer dagegen nur in Höhe des betrieblich bedingten Anteils steuerlich geltend machen
* geschäftliche Kosten vom Firmenkonto und mit der Firmenkreditkarte begleichen
* private Kosten vom privaten Konto bezahlen
* gemischt veranlasste Kosten (z. B. Flug- oder Bahnticket) oder auch gefahrene Kilometer sind in der Steuererklärung entsprechend dem ermittelten betrieblichen Anteil anzusetzen
* Hotel nach Ende der betrieblichen Dauer des Aufenthalts eine Teilrechnung ausstellen lassen, um diesen komplizierten umsatzsteuerlichen Spezialfall zu erleichtern

== Weitere Reisende ==

Beschäftigte
* bei Beschäftigten ist der Abzug der Betriebsausgaben für die Geschäftsreise mit Privatanteil leichter, da rein betrieblich veranlasst
* dann allerdings mit Steuerberatungskanzlei klären, was in diesem Fall für den geldwerten Vorteil gilt

Familie
* schwierig wenn sich die Anteile zu sehr mischen, z. B. wenn die Familie mit zu einer betrieblich veranlassten Fortbildung reist
* mit Steuerberatungskanzlei klären

[[Kategorie: Finance & Controlling]]

Finanzbuchhaltung Schlosser & Pfeiffer

2025-03-19T10:31:44Z

Sebastian.kalms:

= Leistungen =

== einmalig bei Gründung ==

* Erstellung Eröffnungsbilanz
* Anmeldung beim Finanzamt

== monatliche Aufgaben ==

* Finanzbuchaltung
* Gesellschafterverechnungskonto
** für Auslagen der Gesellschafter
** keine Gewinnentnahme

== jährliche Aufgaben ==

* Erstellung Jahresabschluss
* Prüfung Jahresabschluss
* 1x/Jahr ist Jahresabschlussgespräch

= Kosten =

* 186,- € netto/monatlich bei 20.000,- €/Umsatz
* 550,- € netto/monatlich bei 1.000.000,- €/Umsatz

= Prozess =

== Gründung ==

* Fragebogen zur Anmeldung beim Finanzamt ausfüllen
* Vollmacht Finanzamt ausfüllen
* Vollmacht Bank ausfüllen

== monatliche Finanzbuchhaltung ==

* monatliche Belege (pdf) gehen elektronisch (via Mail) an STK
** Einnahmen
** Forderungen
** Verbindlichkeiten
** original Kontoauszüge und entsprechende Rechnungen
** etc.
* müssen zwischen 10. und 15. des Monats an STK versendet werden
* strukturell in separate Ordner
** Kasse z. B. Essen, Getränke, etc.
** Bank mit Kontoauszügen und Rechnungen
** Auslagen Lägel mit Belegen des aktuellen Monats
** Auslagen Kalms mit Belegen des aktuellen Monats
* BBA kommt monatlich zurück (Monatsergebnis) —> für Umsatzsteuer notwendig

= Optionen =

* Datev-Portal
* "Unternehmen online"
* 500 MB Speicher
* Kosten 13,- € monatlich
* Belege dort in Cloud hochladen (bleiben dort)
* durch "Verfahrensdokumentation" wären keine "Offline"-Belege mehr notwendig
* besteht Verknüpfung mit Buchungssystem
* besteht Verknüpfung mit Bank (Zahlungsverkehr)
* (keine Angebote und Rechnungen)
* es können Kunden angelegt werden
* es können Fälligkeiten angelegt werden
* es können Mahnungen erstellt werden

[[Kategorie:Finance & Controlling]]
[[Kategorie:Finanzbuchhaltung]]

Kategorie:Controlling

2025-03-19T10:30:54Z

Sebastian.kalms: Die Seite wurde neu angelegt: „= Allgemein = TBD Kategorie: Finance & Controlling“

= Allgemein =

TBD

[[Kategorie: Finance & Controlling]]

Controller

2025-03-19T10:30:22Z

Sebastian.kalms: Die Seite wurde neu angelegt: „= Aufgaben = TBD Kategorie: Controlling“

= Aufgaben =

TBD

[[Kategorie: Controlling]]

Controlling

2025-03-19T10:28:59Z

Sebastian.kalms:

= Allgemein =

TBD

[[Kategorie:Finance & Controlling]]

Controlling

2025-03-19T10:28:49Z

Sebastian.kalms: Die Seite wurde neu angelegt: „= Allgemein = TBD Kategorie:Finance % Controlling“

= Allgemein =

TBD

[[Kategorie:Finance % Controlling]]

Kategorie:Finanzbuchhaltung

2025-03-19T10:27:45Z

Sebastian.kalms:

= Allgemeines =

== organisatorisch ==

* monatliche Aufgabe

== rechtlich ==

=== Umsatzsteuer und "Ausführungszeitraum" ===

* Umsatzsteuer muss generell an Finanzamt abgeführt werden
* "Ausführungszeitraum" ist eigentlich der "Leistungszeitpunkt"
* Frage dahinter ist "Wann geht eine Leistung über?"
* Umsatzsteuer wird fällig, wenn Leistungszeitpunkt erreicht ist

[[Kategorie:Finance & Controlling]]

Kategorie:Finanzbuchhaltung

2025-03-19T10:27:29Z

Sebastian.kalms:

Kategorie:Finance & Controlling

2025-03-19T10:26:54Z

Sebastian.kalms: Die Seite wurde geleert.

Finanzbuchhaltung Schlosser & Pfeiffer

2025-03-19T10:26:03Z

Sebastian.kalms: /* Allgemeines */

Kategorie:Finanzbuchhaltung

2025-03-19T10:25:45Z

Sebastian.kalms: Die Seite wurde neu angelegt: „Kategorie:Finance & Controlling“

[[Kategorie:Finance & Controlling]]

Finanzbuchhaltung Schloss

2025-03-19T10:25:07Z

Sebastian.kalms: Sebastian.kalms verschob die Seite Finanzbuchhaltung Schloss nach Finanzbuchhaltung Schlosser & Pfeiffer

#WEITERLEITUNG [[Finanzbuchhaltung Schlosser & Pfeiffer]]

Finanzbuchhaltung Schlosser & Pfeiffer

2025-03-19T10:25:07Z

Sebastian.kalms: Sebastian.kalms verschob die Seite Finanzbuchhaltung Schloss nach Finanzbuchhaltung Schlosser & Pfeiffer

= Allgemeines =

== organisatorisch ==

* monatliche Aufgabe
* aktuell erledigt durch Schlosser & Pfeiffer, Ansprechpartnerin ist Frau Walbe

== rechtlich ==

=== Umsatzsteuer und "Ausführungszeitraum" ===

* Umsatzsteuer muss generell an Finanzamt abgeführt werden
* "Ausführungszeitraum" ist eigentlich der "Leistungszeitpunkt"
* Frage dahinter ist "Wann geht eine Leistung über?"
* Umsatzsteuer wird fällig, wenn Leistungszeitpunkt erreicht ist

= Leistungen =

== einmalig bei Gründung ==

* Erstellung Eröffnungsbilanz
* Anmeldung beim Finanzamt

== monatliche Aufgaben ==

* Finanzbuchaltung
* Gesellschafterverechnungskonto
** für Auslagen der Gesellschafter
** keine Gewinnentnahme

== jährliche Aufgaben ==

* Erstellung Jahresabschluss
* Prüfung Jahresabschluss
* 1x/Jahr ist Jahresabschlussgespräch

= Kosten =

* 186,- € netto/monatlich bei 20.000,- €/Umsatz
* 550,- € netto/monatlich bei 1.000.000,- €/Umsatz

= Prozess =

== Gründung ==

* Fragebogen zur Anmeldung beim Finanzamt ausfüllen
* Vollmacht Finanzamt ausfüllen
* Vollmacht Bank ausfüllen

== monatliche Finanzbuchhaltung ==

* monatliche Belege (pdf) gehen elektronisch (via Mail) an STK
** Einnahmen
** Forderungen
** Verbindlichkeiten
** original Kontoauszüge und entsprechende Rechnungen
** etc.
* müssen zwischen 10. und 15. des Monats an STK versendet werden
* strukturell in separate Ordner
** Kasse z. B. Essen, Getränke, etc.
** Bank mit Kontoauszügen und Rechnungen
** Auslagen Lägel mit Belegen des aktuellen Monats
** Auslagen Kalms mit Belegen des aktuellen Monats
* BBA kommt monatlich zurück (Monatsergebnis) —> für Umsatzsteuer notwendig

= Optionen =

* Datev-Portal
* "Unternehmen online"
* 500 MB Speicher
* Kosten 13,- € monatlich
* Belege dort in Cloud hochladen (bleiben dort)
* durch "Verfahrensdokumentation" wären keine "Offline"-Belege mehr notwendig
* besteht Verknüpfung mit Buchungssystem
* besteht Verknüpfung mit Bank (Zahlungsverkehr)
* (keine Angebote und Rechnungen)
* es können Kunden angelegt werden
* es können Fälligkeiten angelegt werden
* es können Mahnungen erstellt werden

[[Kategorie:Finanzbuchhaltung]]

Finanzbuchhaltung Schlosser & Pfeiffer

2025-03-19T10:24:49Z

Sebastian.kalms: Die Seite wurde neu angelegt: „= Allgemeines = == organisatorisch == * monatliche Aufgabe * aktuell erledigt durch Schlosser & Pfeiffer, Ansprechpartnerin ist Frau Walbe == rechtlich ==…“

MediaWiki:Sidebar

2025-03-19T10:22:59Z

Sebastian.kalms:

Jahresabschluss

2024-12-17T15:18:59Z

Sebastian.kalms: /* Kosten */

= Allgemeines =

== organisatorisch ==

* Ansprechpartnerin ist Frau Kloß
* monatliche Aufgabe
* aktuell erledigt durch Alex

== rechtlich ==

* TBD

= Leistungen =

*

= Kosten =

* höhe der Kosten hängt vom Gegenstandswert ab, also von deinem Jahresumsatz bzw. deinem Jahreseinkommen: Berechnung https://apps.datev.de/help-center/documents/1080414
* prinzipiell sollte der Steuerberater seine Rechnung an der Mittelgebühr der Tabelle orientieren
* die Maximalgebühr bzw. Höchstgebühr wird auch als volle Gebühr oder 10/10, sprich „zehn Zehnte“ bezeichnet
* Tabelle ein Überblick darüber, wie hoch die Steuerberatergebühren (Ermessensspielraum) im Vergleich zum Gegenstandswert sind
* https://www.fastbill.com/blog/steuerberater-kosten
* Schlosser & Pfeiffer rechnet fast überall die günstigsten Sätze ab

= Prozess =

*

[[Kategorie:FINANCE & CONTROLLING]]
[[Kategorie:Schlosser & Pfeiffer]]

Jahresabschluss

2024-12-17T15:09:50Z

Sebastian.kalms: /* Kosten */

= Allgemeines =

== organisatorisch ==

* Ansprechpartnerin ist Frau Kloß
* monatliche Aufgabe
* aktuell erledigt durch Alex

== rechtlich ==

* TBD

= Leistungen =

*

= Kosten =

* prinzipiell sollte der Steuerberater seine Rechnung an der Mittelgebühr der Tabelle orientieren
* die Maximalgebühr bzw. Höchstgebühr wird auch als volle Gebühr oder 10/10, sprich „zehn Zehnte“ bezeichnet
* wie hoch sein darf, hängt vom Gegenstandswert ab, also von deinem Jahresumsatz bzw. deinem Jahreseinkommen
* Tabelle ein Überblick darüber, wie hoch die Steuerberatergebühren (Ermessensspielraum) im Vergleich zum Gegenstandswert sind
* https://www.fastbill.com/blog/steuerberater-kosten
* Schlosser & Pfeiffer rechnet fast überall die günstigsten Sätze ab

= Prozess =

*

[[Kategorie:FINANCE & CONTROLLING]]
[[Kategorie:Schlosser & Pfeiffer]]

Jahresabschluss

2024-12-17T15:03:59Z

Sebastian.kalms: Die Seite wurde neu angelegt: „= Allgemeines = == organisatorisch == * Ansprechpartnerin ist Frau Kloß * monatliche Aufgabe * aktuell erledigt durch Alex == rechtlich == * TBD = Leistu…“

= Allgemeines =

== organisatorisch ==

* Ansprechpartnerin ist Frau Kloß
* monatliche Aufgabe
* aktuell erledigt durch Alex

== rechtlich ==

* TBD

= Leistungen =

*

= Kosten =

*

= Prozess =

*

[[Kategorie:FINANCE & CONTROLLING]]
[[Kategorie:Schlosser & Pfeiffer]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:57:12Z

Sebastian.kalms: /* Schritt 5: PhpMyAdmin installieren */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

=== PHP-Versionen switchen ===

auf Version 8.2 umstellen
<pre>
brew unlink php && brew link --overwrite --force php@8.2
</pre>

Version prüfen
<pre>
php -v
</pre>

== Schritt 4: MYSQL oder MariaDB installieren ==

=== MariaDB installieren ===

...

=== MYSQL installieren ===

==== Installieren ====

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

==== root-Passwort ändern ====

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt 5: PhpMyAdmin installieren ==

=== via Homebrew ===

https://formulae.brew.sh/formula/phpmyadmin

'''Installieren via Terminal'''
<pre>
brew install phpmyadmin
</pre>

'''Apache Configuration aufrufen'''
<pre>
code /opt/homebrew/etc/httpd/httpd.conf
</pre>

'''httpd.conf ergänzen'''
<pre>
Alias /phpmyadmin /opt/homebrew/share/phpmyadmin
<Directory /opt/homebrew/share/phpmyadmin/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order allow,deny
Allow from all
</IfModule>
</Directory>
</pre>

'''Zugriff testen''' --> http://localhost/phpmyadmin

'''PhpMyAdmin Configuration ggf. anpassen'''
https://docs.phpmyadmin.net/en/latest/config.html
<pre>
code /opt/homebrew/etc/phpmyadmin.config.inc.php
</pre>

'''Apache via homebrew neu starten'''
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Download ===

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:54:54Z

Sebastian.kalms:

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

=== PHP-Versionen switchen ===

auf Version 8.2 umstellen
<pre>
brew unlink php && brew link --overwrite --force php@8.2
</pre>

Version prüfen
<pre>
php -v
</pre>

== Schritt 4: MYSQL oder MariaDB installieren ==

=== MariaDB installieren ===

...

=== MYSQL installieren ===

==== Installieren ====

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

==== root-Passwort ändern ====

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt 5: PhpMyAdmin installieren ==

=== via Homebrew ===

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Apache Configuration aufrufen
<pre>
code /opt/homebrew/etc/httpd/httpd.conf
</pre>

httpd.conf ergänzen um:
<pre>
Alias /phpmyadmin /opt/homebrew/share/phpmyadmin
<Directory /opt/homebrew/share/phpmyadmin/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order allow,deny
Allow from all
</IfModule>
</Directory>
</pre>

Zugriff testen --> http://localhost/phpmyadmin

PhpMyAdmin Configuration ggf. anpassen
<pre>
code /opt/homebrew/etc/phpmyadmin.config.inc.php
</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Download ===

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:52:29Z

Sebastian.kalms: /* via Download */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

=== PHP-Versionen switchen ===

auf Version 8.2 umstellen
<pre>
brew unlink php && brew link --overwrite --force php@8.2
</pre>

Version prüfen
<pre>
php -v
</pre>

== Schritt 4: MYSQL oder MariaDB installieren ==

...

== Schritt 5: PhpMyAdmin installieren ==

=== via Homebrew ===

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Apache Configuration aufrufen
<pre>
code /opt/homebrew/etc/httpd/httpd.conf
</pre>

httpd.conf ergänzen um:
<pre>
Alias /phpmyadmin /opt/homebrew/share/phpmyadmin
<Directory /opt/homebrew/share/phpmyadmin/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order allow,deny
Allow from all
</IfModule>
</Directory>
</pre>

Zugriff testen --> http://localhost/phpmyadmin

PhpMyAdmin Configuration ggf. anpassen
<pre>
code /opt/homebrew/etc/phpmyadmin.config.inc.php
</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Download ===

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:52:16Z

Sebastian.kalms: /* Schritt x: phpMyAdmin installieren */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

=== PHP-Versionen switchen ===

auf Version 8.2 umstellen
<pre>
brew unlink php && brew link --overwrite --force php@8.2
</pre>

Version prüfen
<pre>
php -v
</pre>

== Schritt 4: MYSQL oder MariaDB installieren ==

...

== Schritt 5: PhpMyAdmin installieren ==

=== via Homebrew ===

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Apache Configuration aufrufen
<pre>
code /opt/homebrew/etc/httpd/httpd.conf
</pre>

httpd.conf ergänzen um:
<pre>
Alias /phpmyadmin /opt/homebrew/share/phpmyadmin
<Directory /opt/homebrew/share/phpmyadmin/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order allow,deny
Allow from all
</IfModule>
</Directory>
</pre>

Zugriff testen --> http://localhost/phpmyadmin

PhpMyAdmin Configuration ggf. anpassen
<pre>
code /opt/homebrew/etc/phpmyadmin.config.inc.php
</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Download ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:51:18Z

Sebastian.kalms: /* Schritt 3: PHP installieren, aktivieren und einrichten */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

=== PHP-Versionen switchen ===

auf Version 8.2 umstellen
<pre>
brew unlink php && brew link --overwrite --force php@8.2
</pre>

Version prüfen
<pre>
php -v
</pre>

== Schritt 4: MYSQL oder MariaDB installieren ==

...

== Schritt 5: PhpMyAdmin installieren ==

=== via Homebrew ===

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Apache Configuration aufrufen
<pre>
code /opt/homebrew/etc/httpd/httpd.conf
</pre>

httpd.conf ergänzen um:
<pre>
Alias /phpmyadmin /opt/homebrew/share/phpmyadmin
<Directory /opt/homebrew/share/phpmyadmin/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order allow,deny
Allow from all
</IfModule>
</Directory>
</pre>

Zugriff testen --> http://localhost/phpmyadmin

PhpMyAdmin Configuration ggf. anpassen
<pre>
code /opt/homebrew/etc/phpmyadmin.config.inc.php
</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Download ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:45:38Z

Sebastian.kalms: /* Schritt 5: PhpMyAdmin installieren */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

== Schritt 4: MYSQL oder MariaDB installieren ==

...

== Schritt 5: PhpMyAdmin installieren ==

=== via Homebrew ===

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Apache Configuration aufrufen
<pre>
code /opt/homebrew/etc/httpd/httpd.conf
</pre>

httpd.conf ergänzen um:
<pre>
Alias /phpmyadmin /opt/homebrew/share/phpmyadmin
<Directory /opt/homebrew/share/phpmyadmin/>
Options Indexes FollowSymLinks MultiViews
AllowOverride All
<IfModule mod_authz_core.c>
Require all granted
</IfModule>
<IfModule !mod_authz_core.c>
Order allow,deny
Allow from all
</IfModule>
</Directory>
</pre>

Zugriff testen --> http://localhost/phpmyadmin

PhpMyAdmin Configuration ggf. anpassen
<pre>
code /opt/homebrew/etc/phpmyadmin.config.inc.php
</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Download ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:37:23Z

Sebastian.kalms: /* Quellen */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

== Schritt 4: MYSQL oder MariaDB installieren ==

...

== Schritt 5: PhpMyAdmin installieren ==

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Config aufrufen
<pre>

</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Homebrew ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

Apache, PHP, mySQL und PhpMyAdmin
* iOSX Mojave: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
* iOSX Sonoma: https://getgrav.org/blog/macos-sonoma-apache-multiple-php-versions
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:35:49Z

Sebastian.kalms: /* Schritt 4: PhpMyAdmin installieren */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

== Schritt 4: MYSQL oder MariaDB installieren ==

...

== Schritt 5: PhpMyAdmin installieren ==

https://formulae.brew.sh/formula/phpmyadmin

Installieren via Terminal
<pre>
brew install phpmyadmin
</pre>

Config aufrufen
<pre>

</pre>

Apache via homebrew neu starten
<pre>
brew services stop httpd
brew services start httpd
</pre>

=== via Homebrew ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

apache, PHP, mySQL und phpmyadmin
* (mein) MacBook: https://coolestguidesontheplanet.com/install-apache-mysql-php-and-phpmyadmin-on-macos-high-sierra-10-13/
* (mein) iMac: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:32:12Z

Sebastian.kalms: /* Vorangegangene(r) Prozess(e) */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

== Homebrew installieren (Prozess auslagern) ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

== Schritt 4: PhpMyAdmin installieren ==

=== via Homebrew ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

apache, PHP, mySQL und phpmyadmin
* (mein) MacBook: https://coolestguidesontheplanet.com/install-apache-mysql-php-and-phpmyadmin-on-macos-high-sierra-10-13/
* (mein) iMac: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:31:24Z

Sebastian.kalms: /* Schritt y: Homebrew installieren */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

== Schritt 4: PhpMyAdmin installieren ==

=== via Homebrew ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

apache, PHP, mySQL und phpmyadmin
* (mein) MacBook: https://coolestguidesontheplanet.com/install-apache-mysql-php-and-phpmyadmin-on-macos-high-sierra-10-13/
* (mein) iMac: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Lokale Entwicklungsumgebung am Mac einrichten (HowTo)

2023-11-26T09:30:49Z

Sebastian.kalms: /* Schritt 4: PHP testen */

= Allgemeines =

Folgende einzelnen Bestandteile werden für die lokale Entwicklungsumgebung (u. a. bei WordPress) benötigt:
* Apache (Webserver)
* PHP (Programmiersprache)
* MySQL (Datenbank)
* phpMyAdmin (Datenbankverwaltungssystem)

Jede Mac Version hat einen vorinstallierten Apache-Server (unter macOS Sierra Version 2.4.27) und PHP (unter macOS Sierra High Version 7.1.8). MySQL und phpMyAdmin müssen separat installiert werden.

Zusätzlich kann es notwendig sein ruby, rails und node.js intsalliert zu haben, damit der bestimmte Teilprozesse der Entwicklung funktionieren:
* node.js, um einen Sass Compiler in phpStorm zu nutzen
* ruby und rvm (Ruby Version Manager), um Bundler für automatisierte Prozesse zu nutzen (Z.B.: File Watcher, Complier, ...)

= Vorangegangene(r) Prozess(e) =

TBD via Link zu anderem HowTo

= Arbeitsschritte (Prozess) =

== Schritt 1: Systeme bzgl. Kompatibilität checken ==

* Betriebssystem: z.B. macOS Mojave Version 10.14.6
* Apache Webserver: z.B. Apache/2.4.34 (Unix) --> im Terminal Version abfragen

httpd -v

* Benutzername des Benutzerkontos herausfinden: z. B. sebastian.kalms

dscl . list /Users | grep -v '_'

== Schritt 2: Apache konfigurieren ==

=== Apache installieren (ggf.) ===

brew install httpd

=== Apache starten und testen ===

* im Terminal Apache starten
sudo apachectl start
* Testen ob Webserver funktioniert: http://localhost im Browser eintragen und es sollte “It Works!”-Text angezeigt werden.

=== System-Ordner anlegen ===

* im Benutzerordern, z.B. sebastian.kalms, den Ordner "Sites" anlegen
* Funktion ist das gleiche wie "public_html" und "htdocs"

=== Konfigurationsdatei für Benutzer anlegen und anpassen ===

* (“username.conf”) unter /etc/apache2/users/ anlegen
* im Terminal zum Ordner navigieren
cd /etc/apache2/users

* im Terminal Konfigurationsdatei (username.conf) anlegen
nano sebastian.kalms.conf

* Benutzer-Rechte mit einem der beiden Befehle anpassen
sudo chmod 644 sebastian.kalms.conf
sudo chmod 777 sebastian.kalms.conf

* Code in Datei eintragen
<Directory "/Users/sebastian.kalms/Sites/">
AllowOverride All
Options Indexes MultiViews FollowSymLinks
Require all granted
</Directory>

=== Konfigurationsdatei für Apache anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/httpd.conf

notwendige Module aktivieren (Raute vor folgenden Einträgen entfernen)
* LoadModule authz_core_module libexec/apache2/mod_authz_core.so
* LoadModule authz_host_module libexec/apache2/mod_authz_host.so
* LoadModule userdir_module libexec/apache2/mod_userdir.so
* LoadModule include_module libexec/apache2/mod_include.so
* LoadModule rewrite_module libexec/apache2/mod_rewrite.so
* LoadModule php7_module libexec/apache2/libphp7.so
* Include /private/etc/apache2/extra/httpd-userdir.conf

DocumentRoot anpassen
* damit Ordner automatisch verwendet wird
* nach DocumentRoot suchen und
DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">

* wie folgt anpassen
DocumentRoot "/Users/sebastian.kalms/Sites"
<Directory "/Users/sebastian.kalms/Sites">

Apache Benutzer ändern
* damit es keine Probleme mit Berechtigungen gibt, kann man den Apache Webserver unter der eigenen User-Kennung laufen lassen
* damit laufen auch die PHP Skripte mit der eigenen Kennung
* auf einer lokalen Maschine, die von einer Person verwendet wird, ist das kein großes Problem
* nach _www suchen
User _www
Group _www

* wie folgt anpassen
User sebastian.kalms
Group staff

=== Konfigurationsdatei für Benutzerverzeichnis anpassen ===

Konfigurationsdatei-Datei aufrufen
sudo nano /etc/apache2/extra/httpd-userdir.conf

notwendige Funktion aktivieren (Raute vor folgenden Einträgen entfernen)
* Include /private/etc/apache2/users/*.conf

=== Apache neu starten und Benutzerverzeichnis testen ===

im Terminal neu starten
sudo apachectl restart

im Browser Benutzerverzeichnis testen
* http://localhost/~sebastian.kalms/ aufrufen

=== URL Rewrites zulassen ===

* good idea to allow any .htaccess files

im Terminal aufrufen
sudo nano /etc/apache2/httpd.conf

in nano
* "AllowOverride controls what directives may be placed in .htaccess files." suchen und darunter "AllowOverride none" zu "AllowOverride All" ändern
* folgendes Modul aktivieren
LoadModule rewrite_module libexec/apache2/mod_rewrite.so

== Schritt 3: PHP installieren, aktivieren und einrichten ==

=== ggf. erst installieren ===

* PHP via Homebrew installieren

brew install php

=== aktivieren ===

im Terminal httpd.conf aufrufen
sudo nano /etc/apache2/httpd.conf

PHP-Modul hinzufügen
LoadModule php7_module /opt/homebrew/opt/php@7.4/lib/httpd/modules/libphp7.so
oder PHP-Modul aktivieren (wenn schon im Mac-Lieferumfang installiert)
LoadModule php7_module libexec/apache2/libphp7.so

Apache neu starten
sudo apachectl restart

=== PHP testen ===

PHP-Infodatei anlegen
* Name "phpinfo.php"
* Inhalt "<?php phpinfo(); ?>"

Testen
* http://localhost/~sebastian.kalms/phpinfo.php --> php-Info erscheint
* http://localhost/projektordner/ --> Projektordner muss vorher angelegt werden, z. B. "sehanka_de"

== Schritt 4: PhpMyAdmin installieren ==

=== via Homebrew ===

== Schritt x: MYSQL installieren ==

* MySQL ist standardmäßig kein Bestandteil von macOS
* unter https://dev.mysql.com/downloads/mysql/ heruntergeladen
* Pakete
** mein MacBook: Mac OS X 10.12 (x86, 64-bit), DMG Archive
** mein iMac (Mojave): macOS 10.13 (x86, 64-bit), DMG Archive
* anmelden nicht nötig --> "No thanks, just start my download" klicken
* Alte Version:
** nach erfolgreicher Installation erscheint ein Dialog mit einem temporären MySQL root Passwort
** am besten einmal kopieren, da wir es im nächsten Schritt direkt benötigt wird
* Neue Version
** bei Konfiguration "Use Legacy Password Encryption" auswählen
** Passwort für root User vergeben
* das GUI von MySQL ist dann über die Mac-Systemeinstellungen erreichbar

== Schritt x: MYSQL root-Passwort ändern ==

* sicher stellen, dass MySQL-Server läuft (siehe: Mac-Systemeinstellungen)
* Terminal folgenden Befehl eingeben:
sudo /usr/local/mysql/bin/mysql -u root -p
* zuerst Passwort vom Mac (Login) eingeben
* anschließend (bei “Enter Password”) das temporäre Passwort aus der MySQL Installation eingeben
* Eingabeaufforderung im Terminal ändert sich in
mysql>
* folgenden Befehl eingeben und ‚MeinNeuesPasswort‘ ersetzen
ALTER USER 'root'@'localhost' IDENTIFIED BY 'MeinNeuesPasswort';
* danach den MySQL Server wieder neu starten
sudo /usr/local/mysql/support-files/mysql.server start

== Schritt x: phpMyAdmin installieren ==

* phpMyAdmin unter http://www.phpmyadmin.net/home_page/downloads.php downloaden (ZIP Datei in der derzeit aktuellen Version)
* Datei entpacken, den Verzeichnisnamen auf phpMyAdmin kürzen und in das website Verzeichnis kopieren
* via Terminal Befehle ausführen
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sock
* via Terminal in den Ordner phpmyadmin wechseln und config Verzeichnis erstellen
mkdir config
* die Berechtigungen ändern
chmod o+w config
* folgende Seite im Browser öffnen: http://localhost/phpmyadmin/setup/
* auf "Neuer Server" klicken
* auf Tab "Authentifizierung" klicken und gib das root Passwort eingeben und "Übernehmen"
* automatische Weiterleitung zum vorherigen Bildschirm und dort Download-Button klicken
* die heruntergeladene config.inc.php Datei im Verzeichnis "phpMyAdmin" speichern
* phpMyAdmin kann nun über http://localhost/phpmyadmin/ erreichen und MySQL Datenbanken verwaltet werden

== Schritt y: Homebrew installieren ==

* zunächst checken, ob Homebrew ggf. schon installiert ist
brew -v

* Homebrew updaten, wenn installiert
brew update

* Homebrew installieren --> https://brew.sh/

echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/sebastian.kalms/.zprofile
eval "$(/opt/homebrew/bin/brew shellenv)"

== Schritt y: Node.js mit NPM installieren ==

* zunächst checken, ob Node.js ggf. schon installiert ist
node -v

* wenn nötig, installieren (NPM wird mit Node installiert)
brew install node

* Node testen (Versionsnummer müsste ausgegeben werden)
node -v

* NPM testen (Versionsnummer müsste ausgegeben werden)
npm -v

* ab und zu mal aktualisieren
brew update
brew upgrade node

== Schritt y: RVM installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: Ruby installieren ==

https://nrogap.medium.com/install-rvm-in-macos-step-by-step-d3b3c236953b

== Schritt y: ruby mit Homebrew installieren ==

brew install ruby

= FAQ =

== Frage 1 ==

TBD

= Troubleshooting =

== Php installieren ==

* https://getgrav.org/blog/macos-monterey-apache-multiple-php-versions
* ACHTUNG: Homebrew-Pfade teilweise anpassen!

= Nachfolgende(r) Prozess(e) =

TBD via Verlinkung zu anderem(n) HowTo(s)

= Quellen =

apache, PHP, mySQL und phpmyadmin
* (mein) MacBook: https://coolestguidesontheplanet.com/install-apache-mysql-php-and-phpmyadmin-on-macos-high-sierra-10-13/
* (mein) iMac: https://coolestguidesontheplanet.com/install-apache-mysql-php-on-macos-mojave-10-14/*
lokalen Webserver einrichten
* https://www.paass.net/lokalen-webserver-mit-php-unter-macos-x-einrichten
* https://die25stestunde.de/wordpress-lokale-entwicklungsumgebung-auf-macos-sierra-high-einrichten/
phpmyadmin
* https://medium.com/@tintinve/installing-phpmyadmin-4-9-1-on-macos-catalina-10-15-49fdacc7f92d
Homebrew
* https://treehouse.github.io/installation-guides/mac/homebrew
Node.js
* https://treehouse.github.io/installation-guides/mac/node-mac.html

[[Kategorie:WEBENTWICKLUNG]]
[[Kategorie:HowTo]]
[[Kategorie:HowTo für WEBENTWICKLUNG]]

Webfonts einbinden

2023-04-13T20:24:42Z

Sebastian.kalms: /* Schritt 5: Font-Variablen festlegen */

== Schritt 1: Fonts zusammenstellen ==

* google-webfonts-helper https://gwfh.mranftl.com/fonts
* benötigte Fonts zusammenstellen

== Schritt 2: _fonts.scss anlegen ==

* CSS kopieren, z. B. hind-regular
<pre>
/* hind-regular - latin */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
src: url('../fonts/hind-v10-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Hind Regular'), local('Hind-Regular'),
url('../fonts/hind-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/hind-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/hind-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/hind-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/hind-v10-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
</pre>
* in Datei css/base/_fonts.scss kopieren
* Grundlage ist die SASS-Architektur: https://sass-guidelin.es/de/#das-7-1-muster

== Schritt 3: Font-Dateien downloaden und im Projekt ablegen ==

* Dateien downloaden, z. B.
<pre>
* hind-v10-latin-regular.eot?#iefix
* hind-v10-latin-regular.woff2
* hind-v10-latin-regular.woff
* hind-v10-latin-regular.ttf
* hind-v10-latin-regular.svg#Hind
</pre>
* in Ordner fonts kopieren, z. B. themes/sehanka-base-theme/fonts

== Schritt 4: Standard-Font festlegen ==

* in css/base/_fonts.scss die grundlegenden Einstellungen des Fonts definieren, z. B.
<pre>
body {
font-family: 'Hind', sans-serif;
font-size: 16px;
line-height: 1.5;
overflow-wrap: break-word;
}
</pre>

== Schritt 5: Font-Variablen festlegen ==

* in css/abstracts/_variables.scss die grundlegenden Einstellungen des Fonts definieren, z. B.

<pre>
// ----------------------------------------------------------------------------------------------- TEXT

// -------------------------------------------------------------------- Font Families
$font-family-first: 'Hind', 'Helvetica', 'Arial', sans-serif !default;
$font-family-second: 'PT Mono', monospace;

// -------------------------------------------------------------------- Font Sizes
$font-size-xxxl: 100px;
$font-size-xxl: 50px;
$font-size-xl: 50px;
$font-size-l: 30px;
$font-size-m: 25px;
$font-size-s: 18px;
$font-size-xs: 16px;
$font-size-xxs: 12px;

// -------------------------------------------------------------------- Font Weights
$font-weight-black: 900;
$font-weight-bold: 700;
$font-weight-medium: 300;

// -------------------------------------------------------------------- Fonts
@mixin font-first {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-medium;
}
@mixin font-second {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-bold;
}
@mixin font-third {
font-family: $font-family-first;
font-style: italic;
font-weight: $font-weight-bold;
}
@mixin font-fourth {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-black;
}
@mixin font-fifth {
font-family: $font-family-second;
font-style: normal;
font-weight: $font-weight-medium;
}
</pre>

* ggf. gleich mobile Größen angeben, z. B. via CSS Function clamp() mit min und max font-size --> nutze Umrechnung px to rem: https://nekocalc.com/px-to-rem-converter

<pre>
/// Headings

$h1-size: clamp(2.0rem, 4vw, 2.625rem); // min 32px, max 42px
$h2-size: clamp(1.375rem, 3vw, 2.0rem); // min 22px, max 32px
$h3-size: clamp(1.125rem, 2.5vw, 1.375rem); // min 18px, max 22px
$h4-size: clamp(1.0rem, 2.75vw, 1.125rem); // min 16px, max 18px
$h5-size: clamp(0.875rem, 2.75vw, 1.0rem); // min 14px, max 16px
$h6-size: clamp(0.875rem, 2.75vw, 0.875rem); // min 14px, max 14px
</pre>

[[Kategorie:Frontend-Entwicklung]]
[[Kategorie:Web-Entwicklung]]

Webfonts einbinden

2023-04-13T20:24:19Z

Sebastian.kalms: /* Schritt 5: Font-Variablen festlegen */

== Schritt 1: Fonts zusammenstellen ==

* google-webfonts-helper https://gwfh.mranftl.com/fonts
* benötigte Fonts zusammenstellen

== Schritt 2: _fonts.scss anlegen ==

* CSS kopieren, z. B. hind-regular
<pre>
/* hind-regular - latin */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
src: url('../fonts/hind-v10-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Hind Regular'), local('Hind-Regular'),
url('../fonts/hind-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/hind-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/hind-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/hind-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/hind-v10-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
</pre>
* in Datei css/base/_fonts.scss kopieren
* Grundlage ist die SASS-Architektur: https://sass-guidelin.es/de/#das-7-1-muster

== Schritt 3: Font-Dateien downloaden und im Projekt ablegen ==

* Dateien downloaden, z. B.
<pre>
* hind-v10-latin-regular.eot?#iefix
* hind-v10-latin-regular.woff2
* hind-v10-latin-regular.woff
* hind-v10-latin-regular.ttf
* hind-v10-latin-regular.svg#Hind
</pre>
* in Ordner fonts kopieren, z. B. themes/sehanka-base-theme/fonts

== Schritt 4: Standard-Font festlegen ==

* in css/base/_fonts.scss die grundlegenden Einstellungen des Fonts definieren, z. B.
<pre>
body {
font-family: 'Hind', sans-serif;
font-size: 16px;
line-height: 1.5;
overflow-wrap: break-word;
}
</pre>

== Schritt 5: Font-Variablen festlegen ==

* ggf. gleich mobile Größen angeben, z. B. via CSS Function clamp() mit min und max font-size --> nutze Umrechnung px to rem: https://nekocalc.com/px-to-rem-converter

<pre>
/// Headings

$h1-size: clamp(2.0rem, 4vw, 2.625rem); // min 32px, max 42px
$h2-size: clamp(1.375rem, 3vw, 2.0rem); // min 22px, max 32px
$h3-size: clamp(1.125rem, 2.5vw, 1.375rem); // min 18px, max 22px
$h4-size: clamp(1.0rem, 2.75vw, 1.125rem); // min 16px, max 18px
$h5-size: clamp(0.875rem, 2.75vw, 1.0rem); // min 14px, max 16px
$h6-size: clamp(0.875rem, 2.75vw, 0.875rem); // min 14px, max 14px
</pre>

* in css/abstracts/_variables.scss die grundlegenden Einstellungen des Fonts definieren, z. B.

<pre>
// ----------------------------------------------------------------------------------------------- TEXT

// -------------------------------------------------------------------- Font Families
$font-family-first: 'Hind', 'Helvetica', 'Arial', sans-serif !default;
$font-family-second: 'PT Mono', monospace;

// -------------------------------------------------------------------- Font Sizes
$font-size-xxxl: 100px;
$font-size-xxl: 50px;
$font-size-xl: 50px;
$font-size-l: 30px;
$font-size-m: 25px;
$font-size-s: 18px;
$font-size-xs: 16px;
$font-size-xxs: 12px;

// -------------------------------------------------------------------- Font Weights
$font-weight-black: 900;
$font-weight-bold: 700;
$font-weight-medium: 300;

// -------------------------------------------------------------------- Fonts
@mixin font-first {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-medium;
}
@mixin font-second {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-bold;
}
@mixin font-third {
font-family: $font-family-first;
font-style: italic;
font-weight: $font-weight-bold;
}
@mixin font-fourth {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-black;
}
@mixin font-fifth {
font-family: $font-family-second;
font-style: normal;
font-weight: $font-weight-medium;
}
</pre>

[[Kategorie:Frontend-Entwicklung]]
[[Kategorie:Web-Entwicklung]]

Webfonts einbinden

2023-04-13T19:22:32Z

Sebastian.kalms: /* Schritt 1: Fonts zusammenstellen */

== Schritt 1: Fonts zusammenstellen ==

* google-webfonts-helper https://gwfh.mranftl.com/fonts
* benötigte Fonts zusammenstellen

== Schritt 2: _fonts.scss anlegen ==

* CSS kopieren, z. B. hind-regular
<pre>
/* hind-regular - latin */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
src: url('../fonts/hind-v10-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Hind Regular'), local('Hind-Regular'),
url('../fonts/hind-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/hind-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/hind-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/hind-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/hind-v10-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
</pre>
* in Datei css/base/_fonts.scss kopieren
* Grundlage ist die SASS-Architektur: https://sass-guidelin.es/de/#das-7-1-muster

== Schritt 3: Font-Dateien downloaden und im Projekt ablegen ==

* Dateien downloaden, z. B.
<pre>
* hind-v10-latin-regular.eot?#iefix
* hind-v10-latin-regular.woff2
* hind-v10-latin-regular.woff
* hind-v10-latin-regular.ttf
* hind-v10-latin-regular.svg#Hind
</pre>
* in Ordner fonts kopieren, z. B. themes/sehanka-base-theme/fonts

== Schritt 4: Standard-Font festlegen ==

* in css/base/_fonts.scss die grundlegenden Einstellungen des Fonts definieren, z. B.
<pre>
body {
font-family: 'Hind', sans-serif;
font-size: 16px;
line-height: 1.5;
overflow-wrap: break-word;
}
</pre>

== Schritt 5: Font-Variablen festlegen ==

* in css/abstracts/_variables.scss die grundlegenden Einstellungen des Fonts definieren, z. B.

<pre>
// ----------------------------------------------------------------------------------------------- TEXT

// -------------------------------------------------------------------- Font Families
$font-family-first: 'Hind', 'Helvetica', 'Arial', sans-serif !default;
$font-family-second: 'PT Mono', monospace;

// -------------------------------------------------------------------- Font Sizes
$font-size-xxxl: 100px;
$font-size-xxl: 50px;
$font-size-xl: 50px;
$font-size-l: 30px;
$font-size-m: 25px;
$font-size-s: 18px;
$font-size-xs: 16px;
$font-size-xxs: 12px;

// -------------------------------------------------------------------- Font Weights
$font-weight-black: 900;
$font-weight-bold: 700;
$font-weight-medium: 300;

// -------------------------------------------------------------------- Fonts
@mixin font-first {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-medium;
}
@mixin font-second {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-bold;
}
@mixin font-third {
font-family: $font-family-first;
font-style: italic;
font-weight: $font-weight-bold;
}
@mixin font-fourth {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-black;
}
@mixin font-fifth {
font-family: $font-family-second;
font-style: normal;
font-weight: $font-weight-medium;
}
</pre>

[[Kategorie:Frontend-Entwicklung]]
[[Kategorie:Web-Entwicklung]]

Webfonts einbinden

2023-04-13T19:21:33Z

Sebastian.kalms: Sebastian.kalms verschob die Seite Fonts einbinden nach Webfonts einbinden, ohne dabei eine Weiterleitung anzulegen

== Schritt 1: Fonts zusammenstellen ==

* https://google-webfonts-helper.herokuapp.com/
* benötigte Fonts zusammenstellen

== Schritt 2: _fonts.scss anlegen ==

* CSS kopieren, z. B. hind-regular
<pre>
/* hind-regular - latin */
@font-face {
font-family: 'Hind';
font-style: normal;
font-weight: 400;
src: url('../fonts/hind-v10-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Hind Regular'), local('Hind-Regular'),
url('../fonts/hind-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/hind-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/hind-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/hind-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/hind-v10-latin-regular.svg#Hind') format('svg'); /* Legacy iOS */
}
</pre>
* in Datei css/base/_fonts.scss kopieren
* Grundlage ist die SASS-Architektur: https://sass-guidelin.es/de/#das-7-1-muster

== Schritt 3: Font-Dateien downloaden und im Projekt ablegen ==

* Dateien downloaden, z. B.
<pre>
* hind-v10-latin-regular.eot?#iefix
* hind-v10-latin-regular.woff2
* hind-v10-latin-regular.woff
* hind-v10-latin-regular.ttf
* hind-v10-latin-regular.svg#Hind
</pre>
* in Ordner fonts kopieren, z. B. themes/sehanka-base-theme/fonts

== Schritt 4: Standard-Font festlegen ==

* in css/base/_fonts.scss die grundlegenden Einstellungen des Fonts definieren, z. B.
<pre>
body {
font-family: 'Hind', sans-serif;
font-size: 16px;
line-height: 1.5;
overflow-wrap: break-word;
}
</pre>

== Schritt 5: Font-Variablen festlegen ==

* in css/abstracts/_variables.scss die grundlegenden Einstellungen des Fonts definieren, z. B.

<pre>
// ----------------------------------------------------------------------------------------------- TEXT

// -------------------------------------------------------------------- Font Families
$font-family-first: 'Hind', 'Helvetica', 'Arial', sans-serif !default;
$font-family-second: 'PT Mono', monospace;

// -------------------------------------------------------------------- Font Sizes
$font-size-xxxl: 100px;
$font-size-xxl: 50px;
$font-size-xl: 50px;
$font-size-l: 30px;
$font-size-m: 25px;
$font-size-s: 18px;
$font-size-xs: 16px;
$font-size-xxs: 12px;

// -------------------------------------------------------------------- Font Weights
$font-weight-black: 900;
$font-weight-bold: 700;
$font-weight-medium: 300;

// -------------------------------------------------------------------- Fonts
@mixin font-first {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-medium;
}
@mixin font-second {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-bold;
}
@mixin font-third {
font-family: $font-family-first;
font-style: italic;
font-weight: $font-weight-bold;
}
@mixin font-fourth {
font-family: $font-family-first;
font-style: normal;
font-weight: $font-weight-black;
}
@mixin font-fifth {
font-family: $font-family-second;
font-style: normal;
font-weight: $font-weight-medium;
}
</pre>

[[Kategorie:Frontend-Entwicklung]]
[[Kategorie:Web-Entwicklung]]

Webfonts einbinden

2023-04-13T19:20:07Z

Sebastian.kalms: Die Seite wurde neu angelegt: „ == Schritt 1: Fonts zusammenstellen == * https://google-webfonts-helper.herokuapp.com/ * benötigte Fonts zusammenstellen == Schritt 2: _fonts.scss anlegen…“

Content Security Headers

2023-04-13T12:33:28Z

Sebastian.kalms: /* Permissions-Policy */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>
Header set Strict-Transport-Security "max-age=2592000; includeSubDomains; preload"
</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>
Header set X-Content-Type-Options "nosniff"
</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>
Header set x-frame-options "sameorigin"
</pre>

== Referrer-Policy ==

=== Integration ===

==== via HTML ====

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy#integration_with_html

Syntax

<pre>
<meta name="referrer" content="same-origin" />
</pre>

==== via .htaccess ====

Syntax

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:32:29Z

Sebastian.kalms: /* Referrer-Policy */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>
Header set Strict-Transport-Security "max-age=2592000; includeSubDomains; preload"
</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>
Header set X-Content-Type-Options "nosniff"
</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>
Header set x-frame-options "sameorigin"
</pre>

== Referrer-Policy ==

=== Integration ===

==== via HTML ====

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy#integration_with_html

Syntax

<pre>
<meta name="referrer" content="same-origin" />
</pre>

==== via .htaccess ====

Syntax

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:31:52Z

Sebastian.kalms: /* Referrer-Policy */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>
Header set Strict-Transport-Security "max-age=2592000; includeSubDomains; preload"
</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>
Header set X-Content-Type-Options "nosniff"
</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>
Header set x-frame-options "sameorigin"
</pre>

== Referrer-Policy ==

=== Integration ===

==== via HTML ====

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy#integration_with_html

Syntax

<pre>
<meta name="referrer" content="same-origin" />
</pre>

=== via .htaccess ===

Syntax

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:20:07Z

Sebastian.kalms: /* Strict-Transport-Security */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>
Header set Strict-Transport-Security "max-age=2592000; includeSubDomains; preload"
</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>
Header set X-Content-Type-Options "nosniff"
</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>
Header set x-frame-options "sameorigin"
</pre>

== Referrer-Policy ==

Syntax in .htaccess

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:19:55Z

Sebastian.kalms: /* X-Content-Type-Options */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>

</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>
Header set X-Content-Type-Options "nosniff"
</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>
Header set x-frame-options "sameorigin"
</pre>

== Referrer-Policy ==

Syntax in .htaccess

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:19:41Z

Sebastian.kalms: /* X-Frame-Options */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>

</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>

</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>
Header set x-frame-options "sameorigin"
</pre>

== Referrer-Policy ==

Syntax in .htaccess

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:19:15Z

Sebastian.kalms: /* Bereiche */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

Syntax in .htaccess

<pre>

</pre>

== X-Content-Type-Options ==

Syntax in .htaccess

<pre>

</pre>

== X-Frame-Options ==

Syntax in .htaccess

<pre>

</pre>

== Referrer-Policy ==

Syntax in .htaccess

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:18:35Z

Sebastian.kalms: /* Permissions-Policy */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

== X-Content-Type-Options ==

== X-Frame-Options ==

== Referrer-Policy ==

Syntax in .htaccess

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Syntax in .htaccess
<pre>
Header set Permissions-Policy "geolocation=()"
</pre>

Content Security Headers

2023-04-13T12:15:47Z

Sebastian.kalms: /* Referrer-Policy */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

== X-Content-Type-Options ==

== X-Frame-Options ==

== Referrer-Policy ==

Syntax in .htaccess

<pre>
Header set Referrer-Policy "same-origin"
</pre>

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Content Security Headers

2023-04-13T12:06:30Z

Sebastian.kalms: /* ToDo */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

=== worker-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

Syntax

<pre>
worker-src 'self';
</pre>

== ToDo ==

=== default-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/default-src

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

== X-Content-Type-Options ==

== X-Frame-Options ==

== Referrer-Policy ==

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Content Security Headers

2023-04-13T12:04:06Z

Sebastian.kalms: /* ToDo */

= Bereiche =

== Content Security Policy ==

=== upgrade-insecure-requests ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Syntax

<pre>
upgrade-insecure-requests;
</pre>

=== frame-ancestors ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/frame-ancestors

Syntax

<pre>
frame-ancestors 'self';
</pre>

=== form-action ===

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/form-action

Syntax

<pre>
form-action 'self';
</pre>

=== base-uri ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/base-uri

Syntax

<pre>
base-uri 'self';
</pre>

=== connect-src ===

Syntax

<pre>
connect-src 'self' data: maps.googleapis.com;
</pre>

=== font-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/font-src

Syntax

<pre>
font-src 'self';
</pre>

=== img-src 'self' ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/img-src

Syntax

<pre>
img-src 'self';
</pre>

=== manifest-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/manifest-src

Syntax

<pre>
manifest-src 'self';
</pre>

=== object-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/object-src

Syntax

<pre>
object-src 'self';
</pre>

=== script-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/script-src

Syntax

<pre>
script-src 'self' 'unsafe-eval' 'unsafe-inline' 'report-sample';
</pre>

=== style-src ===

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src

Syntax

<pre>
style-src 'self' 'unsafe-inline' 'report-sample';
</pre>

== ToDo ==

=== worker-src ===

Syntax

<pre>
worker-src 'self';
</pre>

=== default-src ===

Syntax

<pre>
default-src 'self';
</pre>

== Strict-Transport-Security ==

== X-Content-Type-Options ==

== X-Frame-Options ==

== Referrer-Policy ==

== Permissions-Policy ==

* https://developer.mozilla.org/en-US/docs/Web/HTTP/Permissions_Policy

Content Security Headers

2023-04-13T11:57:54Z

Sebastian.kalms: /* ToDo */

Content Security Headers

2023-04-13T11:56:47Z

Sebastian.kalms: /* ToDo */

Content Security Headers

2023-04-13T11:54:58Z

Sebastian.kalms: /* manifest-src */

Content Security Headers

2023-04-13T10:18:54Z

Sebastian.kalms: /* ToDo */

Content Security Headers

2023-04-13T10:15:38Z

Sebastian.kalms: /* font-src */