Wikizone - Benutzerbeiträge [de]

PHP - Hashed Password

2022-06-28T10:44:50Z

134.3.75.169:

Hashed Passwords sind der aktuelle Stand (2020) zum Speichern von Passwörtern. In PHP lassen sich diese recht leicht verifizieren.

In der Datenbank sieht es etwa so aus:
$2y$10$7xhhJTrNvXtYCXswa6NjKOQwOM6Sj7R12BPD3xBZToKxO61q4KInm

== Passwort entschlüsseln ==
In PHP kann man es so entschlüsseln:
(Quelle: https://www.geeksforgeeks.org/how-to-secure-hash-and-salt-for-php-passwords/ Zugriff: 6/22)
<syntaxhighlight lang="php">
<?php

// Plaintext password entered by the user
$plaintext_password = "Password@123";

// The hashed password retrieved from database
$hash =
"$2y$10$8sA2N5Sx/1zMQv2yrTDAaOFlbGWECrrgB68axL.hBb78NhQdyAqWm";

// Verify the hash against the password entered
$verify = password_verify($plaintext_password, $hash);

// Print the result depending if they match
if ($verify) {
echo 'Password Verified!';
} else {
echo 'Incorrect Password!';
}
?>
</syntaxhighlight>

== Hintergrundinfos ==
Oft sieht man Dollarzeichen gefolgt von anderen Zeichen in verschlüsselten Passwörtern. Dies ist die Bedeutung.
$hash_type$random_salt$encrypted_password

Der Hash Type steht für den verwendeten Algorhythmus
Mit dem zusätzlichen Salt verhindert man, dass gleiche Passwörter immer zur gleichen Zeichenfolge führen.
Am Ende steht das verschlüsselte Passwort

PHP - Hashed Password

2022-06-28T09:56:53Z

134.3.75.169:

PHP - Hashed Password

2022-06-28T09:45:13Z

134.3.75.169: Die Seite wurde neu angelegt: „Hashed Passwords sind der aktuelle Stand (2020) zum Speichern von Passwörtern. In PHP lassen sich diese recht leicht verifizieren. In der Datenbank sieht es…“

Hashed Passwords sind der aktuelle Stand (2020) zum Speichern von Passwörtern. In PHP lassen sich diese recht leicht verifizieren.

In der Datenbank sieht es etwa so aus:
$2y$10$7xhhJTrNvXtYCXswa6NjKOQwOM6Sj7R12BPD3xBZToKxO61q4KInm

In PHP kann man es so entschlüsseln:

<syntaxhighlight lang="php">
<?php

// Plaintext password entered by the user
$plaintext_password = "Password@123";

// The hashed password retrieved from database
$hash =
"$2y$10$8sA2N5Sx/1zMQv2yrTDAaOFlbGWECrrgB68axL.hBb78NhQdyAqWm";

// Verify the hash against the password entered
$verify = password_verify($plaintext_password, $hash);

// Print the result depending if they match
if ($verify) {
echo 'Password Verified!';
} else {
echo 'Incorrect Password!';
}
?>
</syntaxhighlight>
</syntaxhighlight>

Wordpress - User

2022-05-31T10:16:11Z

134.3.75.169: Die Seite wurde neu angelegt: „== Admin User über Datenbank anlegen == WordPress Admin-Benutzer über Datenbank anlegen Hat man über seinen WordPress User keinen Zugriff mehr auf die Se…“

== Admin User über Datenbank anlegen ==

WordPress Admin-Benutzer über Datenbank anlegen

Hat man über seinen WordPress User keinen Zugriff mehr auf die Seite und kann aus irgendeinem Grund auch das Passwort nicht zurücksetzen z.B. weil die Seite gehackt und der Adminuser gelöscht wurde bleibt einem noch die Möglichkeit einen neuen WordPress Admin-Benutzer über die Datenbank anzulegen.
Zugriff auf die Datenbank mit phpMyAdmin

Dazu meldet man sich in phpMyAdmin in seinem Hosting-Account an. Hier sieht man alle Tabellen die von WordPress benutzt werden. Für einen neuen Admin-Benutzer öffnen wir die Tabelle wp_users (das Präfix kann variieren, wie hier im Beispiel chs_users).
Ansicht der Tabelle chs_users in phpMyAdmin
WordPress Admin-Benutzer anlegen

Über den Tab “Einfügen” gelangt man zum Formular für das Anlegen von neuen Benutzern.

ID: leer lassen, wird automatisch ausgefüllt
user_login: Benutzername für den WordPress Adminbereich
user_pass: Im Dropdown Feld die Funktion MD5 auswählen und dann das gewünschte Passwort eingeben.
user_nicename: Nickname
user_email: E-Mail Adresse
user_url: Webseiten-URL
user_registered: Datum und Zeit auswählen
user_actication_key: leer lassen
user_status: 0 eingeben.
display_name: Öffentlicher Name der auf der Seite angezeigt wird

Nachdem Ausfüllen des Formulars auf den Button “ok” klicken und der Benutzer wird auf der Datenbank gespeichert. Die ID (2) des angelegten Benutzers merken wir uns für den nächsten Schritt.

Alternativ kann folgende SQL query ausgeführt werden. Dafür einfach die korrekten Daten für die Datenbank, Tabelle und einzutragende Werte eingeben.

INSERT INTO `chs_users` (`ID`, `user_login`, `user_pass`, `user_nicename`, `user_email`, `user_url`, `user_registered`, `user_activation_key`, `user_status`, `display_name`) VALUES (NULL, 'pga-it', MD5('4sdHrt$pbqG5'), 'pga-it', 'info@pga-it.de', '', '2020-07-16 14:00:00', '', '0', 'pga IT');

Jetzt müssen wir dem Benutzer noch die entsprechenden Berechtigungen hinzufügen. Dazu wechseln wir zur Tabelle wp_usermeta (Bzw. in unserem Fall chs_usermeta). Hier müssen die folgenden beiden Einträge angelegt werden.

unmeta_id: leer lassen, wird automatisch ausgefüllt
user_id: Die ID des gerade angelegten Benutzers
meta_key: Folgendes eingeben: wp_capabilities
meta_value: Folgendes eingeben: a:1:{s:13:”administrator”;s:1:”1″;}

Button “ok” klicken und einen weiteren Eintrag wie folgt anlegen.

unmeta_id: leer lassen, wird automatisch ausgefüllt
user_id: Die ID des gerade angelegten Benutzers
meta_key: Folgendes eingeben: wp_user_level
meta_value: Folgendes eingeben: 10

Button “ok” klicken.

Auch hier die SQL queries zu den beiden Einträgen. Datenbankname, Tabelle und die ID müssen entsprechend angepasst werden.

INSERT INTO `databasename`.`wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`) VALUES (NULL, '4', 'wp_capabilities', 'a:1:{s:13:"administrator";s:1:"1";}');

INSERT INTO `databasename`.`wp_usermeta` (`umeta_id`, `user_id`, `meta_key`, `meta_value`) VALUES (NULL, '4', 'wp_user_level', '10');

Jetzt können wir uns mit dem Usernamen/E-Mail und Passwort im WordPress Adminbereich anmelden. Nach dem Login sollte man einmalig unter Benutzer den neu angelegten Benutzer bearbeiten und speichern – eine Änderung von Daten ist nicht notwendig.

Falls das Problem durch unbefugten Zugriff auf die Seite aufgetreten ist, sollte man für die anderen Benutzer neue Passwörter vergeben und unbekannte Benutzer löschen.

Processwire - Leaflet Map Marker Modul

2022-05-19T07:29:30Z

134.3.75.169: /* Beispiele */

== Siehe auch ==
https://processwire.com/talk/topic/9745-module-leaflet-map/?page=5 (Forum)
https://github.com/gmclelland/FieldtypeLeafletMapMarker/blob/PW3/InputfieldLeafletMapMarker.module (Fork)
https://leafletjs.com/ (Leaflet Hauptseite)
https://leaflet-extras.github.io/leaflet-providers/preview/index.html (Karten Provider)
https://github.com/Leaflet/Leaflet.markercluster (Doku für Cluster Modul)
https://github.com/leaflet-extras/leaflet-providers
== Überblick ==
Wird aus Zeitgründen vom Entwickler nicht sehr aktiv weitergepflegt. Allerdings gibt es ordentlichen Support im Forum und ein paar Forks auf Github.

Man kann für spezielle Anforderungen auch nur das Feld im Backend nutzen und Leaflet im Frontend selbst aufsetzen bzw. eigene Skripte nutzen. Das JavaScript für die Frontendausgabe im Modul findet man in:
MarkupLeafletMap.js (JavaScript für Frontend-Ausgabe)
MarkupLeafletMap.module (Inline JS für Frontend )

== Quickstart ==
* Benötigt die Konfiguration von '''$additionalHeaderData'''. Das ist einfach ein String der in ''_init.php'' angelegt und im ''Header eingebunden'' wird. Damit lassen sich Zusätzliche Daten per Template rendern.
* '''Feldname''' im Backend ist hier '''map_leaflet'''
* Achtung Bug (V2.8.1): Immer den Geocoder auf der Seite benutzen. Die Standarddaten aus der Feldkonfiguration werden nicht richtig übernommen (Adressfeld) und es gibt Ausgabefehler.
'''Beispiel'''
<syntaxhighlight lang="php">
$map = wire('modules')->get('MarkupLeafletMap');
$additionalHeaderData = $map->getLeafletMapHeaderLines();
$mapMarkup = $map->render($page, 'map_leaflet ,array('markerColour' => 'green'));

$content .= '
<div class="content_bottom">

<div class="gmroute" style="z-index: 30001;position: relative;height: 24px;right: 20px;top: 40px;">
<a class="gmroute-link" href="https://www.google.de/maps/dir//Lange+Str.+9+D-72829+Engstingen" target="_blank" style="float: right;">Route planen</a>
</div>

<div class="col span_12">'.$mapMarkup.'</div>
</div>';
</syntaxhighlight>

== Daten manuell auslesen und verarbeiten ==
Einfaches Beispiel das auch bei AJAX Seiten funktioniert und einen Button zur Google Maps Wegbeschreibung enthält.
<syntaxhighlight lang="php">
// If AJAX put this in _init.php else uncomment next two lines
// $map = wire('modules')->get('MarkupLeafletMap');
// $additionalHeaderData = $map->getLeafletMapHeaderLines();

$myAdress = $page->map_leaflet->address; // outputs the address you entered
$myLat = $page->map_leaflet->lat; // outputs the latitude
$myLng = $page->map_leaflet->lng; // outputs the longitude
$myZoom = $page->map_leaflet->zoom; // outputs the zoom level

$mapMarkup = "
<div id='mleafletmap1'style='height:400px;'></div>
<script>
var mleafletmap1 = new jsMarkupLeafletMap();
mleafletmap1.setOption('zoom', $myZoom);
mleafletmap1.init('mleafletmap1', $myLat, $myLng, 'OpenStreetMap.Mapnik');
var default_marker_icon = L.AwesomeMarkers.icon({ icon: 'home', iconColor: 'white', prefix: 'fa', markerColor: 'darkblue' });
mleafletmap1.addMarkerIcon(default_marker_icon, $myLat, $myLng, '/kontakt/', 'Kontakt', '');
</script>
";

$content .= '
<div class="row">
<div class="gmroute" style="z-index: 30001;position: relative;height: 24px;right: 20px;top: 40px;">
<a class="gmroute-link" href="https://www.google.de/maps/dir//Meine+Str.+9+D-72829+Engstingen" target="_blank" style="float: right;">Route planen</a>
</div>
<div class="col-sm-12" style="height:400px;">'
.$mapMarkup.'
</div>
</div>
</syntaxhighlight>

== Beispiele ==
=== Multiple Markers ===
Die Render Funktion kann auch mit mehreren Seitenobjekten umgehen und erstellt dann eine Karte mit mehreren Markern.
<pre>
$items = $pages->find("A SELECTOR THAT GETS YOUR PAGES WITH MARKER FIELDS");
echo $map->render($items, 'YOUR MARKER FIELD');
</pre>
=== Multiple Markers von selektierten Seiten ===
Es sollen Orte (LeafletMapMarker) von Unterseiten geholt werden und aus diesen eine Map mit mehreren Markern generiert werden. Viele Marker auf engem Raum werden geclustert.

Voraussetzungen im Beispiel
* die Kindseiten werden über ihr template selektiert. Im Beispiel wird das durch ein Textfeld im Parent Template festgelegt (Feldname template_title)
* der Leaflet code wird nur bei Bedarf geladen. Das geschieht über eine Switch Anweisung im Repeater
* Leaflet Dateien sind lokal hinterlegt (siehe js und css Anweisungen).

mytemplate.php
<syntaxhighlight lang="php">
$additionalHeaderData .= '

<link rel="stylesheet" type="text/css" href="'.$config->urls->templates.'vendors/leaflet/leaflet.css" />
<link rel="stylesheet" type="text/css" href="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-markercluster/MarkerCluster.css" />
<link rel="stylesheet" type="text/css" href="'.$config->urls->templates.'styles/MarkerCluster.Custom.css" />


<script type="text/javascript" src="'.$config->urls->templates.'vendors/leaflet/leaflet.js"></script>
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-markercluster/leaflet.markercluster.js"></script>
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-providers/leaflet-providers.js"></script>
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/MarkupLeafletMap.js"></script>


<link rel="stylesheet" type="text/css" href="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-awesome-markers/leaflet.awesome-markers.css" />
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-awesome-markers/leaflet.awesome-markers.min.js"></script>
';

$map = wire('modules')->get('MarkupLeafletMap');
$options = array('markerColour' => 'green');
$mySelector = 'template=event';
$places = $pages->find($mySelector);
$mapMarkup = $map->render($places, 'location' ,$options);
</syntaxhighlight>

=== Leaflet Skripte lokal einbinden (keine externen Skripte laden) ===
Dies sind die benötigten Header Zeilen. leaflet.css und leaflet.js sollte dann entsprechend vorhanden sein. Der Rest kommat aus dem Modul Verzeichnis.

Hinweis: Font Awesome muß ebenfalls vorhanden sein (Bisher - September 2018, die 4er Version).
<syntaxhighlight lang="php">
$additionalHeaderData = '

<link rel="stylesheet" type="text/css" href="'.$config->urls->templates.'vendors/leaflet/leaflet.css" />
<link rel="stylesheet" type="text/css" href="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-markercluster/MarkerCluster.css" />
<link rel="stylesheet" type="text/css" href="'.$config->urls->templates.'styles/MarkerCluster.Custom.css" />


<script type="text/javascript" src="'.$config->urls->templates.'vendors/leaflet/leaflet.js"></script>
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-markercluster/leaflet.markercluster.js"></script>
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-providers/leaflet-providers.js"></script>
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/MarkupLeafletMap.js"></script>


<link rel="stylesheet" type="text/css" href="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-awesome-markers/leaflet.awesome-markers.css" />
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/leaflet-awesome-markers/leaflet.awesome-markers.min.js"></script>
';
</syntaxhighlight>

=== Scroll Zoom abschalten ===
Am einfachsten im Modul (Nachteil: Vorsicht beim Update)

Evtl. fürs Frontend könnte man auch im Nachhinein in einem eigenen Skript abschalten über die Funktion:
map.scrollWheelZoom.disable(); // map ist die Mapinstanz. Muß evtl. angepasst werden.

==== Im Frontend (Fieldtype)====
/site/modules/FieldtypeLeafletMapMarker/MarkupLeafletMap.js
In MarkupLeafletMap.js die Option hinzufügen.

<syntaxhighlight lang="javascript">
this.options = {
zoom: 10,
center: null,
scrollWheelZoom: false, // diese option einfügen
};

this._currentURL = '';
this.init = function(mapID, lat, lng, provider) {
if(lat != 0) this.map = L.map(mapID, {
center: [lat, lng],
zoom: this.options.zoom,
scrollWheelZoom: this.options.scrollWheelZoom // und dieses wenn nicht vorhanden
} );
L.tileLayer.provider(provider).addTo(this.map);
}
</syntaxhighlight>

==== Im Backend ====
Hier muß mann den Code des Inputfield anpassen. Direkt in den Optionen hat das bei mir nicht funktioniert. Sieht so aus als ob nur der zoom statt alle Optionen gesetzt wird. Daher einfach nach der Instanzerzeugung der karte den ScrollWheelZoom abschalten:

FieldtypeLeafletMapMarker/InputfieldLeafletMapMarker.js
<syntaxhighlight lang="javascript">
var map = L.map(document.getElementById(mapId)). setView([lat, lng], options.zoom); // nach dem hier
map.scrollWheelZoom.disable(); // dieses einfügen.
</syntaxhighlight>

=== Modul Gesture Handling ===
[[Leaflet - Gesture Handling]]
https://elmarquis.github.io/Leaflet.GestureHandling/
Bildet das Verhalten von Google Maps nach:
Desktop
* Karte Ignoriert Mausrad
* User wird Informiert mit ctrl+scrool Karte zoomen
Mobile
* Karte ignoriert Ein Finger Drag
* User wird über 2 Finger Pan informiert

==== In ProcessWire einbauen ====
* Unterordner 'dist' in 'Leaflet.GestureHandling' umbenennen und im FieldtypeLeafletMapMarker Modul unter assets ablegen
* anpassen des JS für die Frontendausgabe
/site/modules/FieldtypeLeafletMapMarker/MarkupLeafletMap.js
* Init Funktion anpassen:
<pre>
this.init = function(mapID, lat, lng, provider) {
if(lat != 0) this.map = L.map(mapID, {
center: [lat, lng],
zoom: this.options.zoom,
scrollWheelZoom: this.options.scrollWheelZoom,
gestureHandling: true
} );
L.tileLayer.provider(provider).addTo(this.map);
}
</pre>
* Einbinden von CSS und JS
<pre>

<link rel="stylesheet" href="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/Leaflet.GestureHandling/leaflet-gesture-handling.min.css" type="text/css">
<script type="text/javascript" src="'.$config->urls->siteModules.'FieldtypeLeafletMapMarker/assets/Leaflet.GestureHandling/leaflet-gesture-handling.min.js"></script>
</pre>

=== Allgemein ===
<syntaxhighlight lang="javascript">
<div id='map'></div>

<script>
var cities = new L.LayerGroup();

L.marker([39.61, -105.02]).bindPopup('This is Littleton, CO.').addTo(cities),
L.marker([39.74, -104.99]).bindPopup('This is Denver, CO.').addTo(cities),
L.marker([39.73, -104.8]).bindPopup('This is Aurora, CO.').addTo(cities),
L.marker([39.77, -105.23]).bindPopup('This is Golden, CO.').addTo(cities);

var mbAttr = 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="http://mapbox.com">Mapbox</a>',
mbUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';

var grayscale = L.tileLayer(mbUrl, {id: 'mapbox.light', attribution: mbAttr}),
streets = L.tileLayer(mbUrl, {id: 'mapbox.streets', attribution: mbAttr});

var map = L.map('map', {
center: [39.73, -104.99],
zoom: 10,
layers: [grayscale, cities]
});

var baseLayers = {
"Grayscale": grayscale,
"Streets": streets
};

var overlays = {
"Cities": cities
};

L.control.layers(baseLayers, overlays).addTo(map);
</script>

</syntaxhighlight>

=== Popup über URL Parameter öffnen ===
https://stackoverflow.com/questions/29004617/open-leaflet-marker-using-url-parameter-not-working-now-that-markercluster-is-us

== Weitere Kartenanbieter ==
Leaflet Map Marker liefert einige Provider mit. Man kann sie über die '''Option provider auswählen'''.
"provider" => 'OpenStreetMap.Mapnik',
So lassen sich auch andere Anbieter nutzen:
"provider" => 'Stadia.AlidadeSmooth',

Das JavaScript für die Anbieter liegt in '''leaflet-providers.js'''. Dort kann man auch weitere Provider anlegen.

<syntaxhighlight lang="javascript">
// ...
Stadia: {
url: 'https://tiles.stadiamaps.com/tiles/alidade_smooth/{z}/{x}/{y}{r}.png',
options: {
maxZoom: 20,
attribution: '© <a href="https://stadiamaps.com/">Stadia Maps</a>, © <a href="https://openmaptiles.org/">OpenMapTiles</a> © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors'
},
variants: {
AlidadeSmooth: {
url: 'https://tiles.stadiamaps.com/tiles/alidade_smooth/{z}/{x}/{y}{r}.png'
},
AlidadeSmoothDark: {
url: 'https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png'
},
OSMBright: {
url: 'https://tiles.stadiamaps.com/tiles/osm_bright/{z}/{x}/{y}{r}.png'
},
Outdoors: {
url: 'https://tiles.stadiamaps.com/tiles/outdoors/{z}/{x}/{y}{r}.png'
}
}
},
// ...
</syntaxhighlight>

== Probleme beheben ==
=== Feld zeigt an Error Geocoding ===
File Cache komplett löschen (assets/cache/...)