Und plötzlich ist es Kunst...
Blog: Blog-entries by search-pattern/Tags:Shopware 5: Text in Bannern
Text in Bannern bringt aber einige Probleme mit sich:
1) Der Text skaliert nicht mit und wird schnell unschön abgeschnitten
2) Der Text läßt sich nicht einfach und schnell ändern
3) Das Styling des Textes ist nicht mehr änderbar
4) Man braucht oft einen Grafiker der den Text in das Bild einbaut
Genau diese Problem hat gerade Vape-Buddys und brauchte eine einfache, schnelle und kosten günstige Lösung. Diese Lösung besteht darin den Title des Banners als Text-Overlay über das Bilds zu legen. Hier wird auch alles über % positioniert
und passt sich dem Viewport an. Sollte der Text zu groß sein greift CSS ellipsis und schneidet den Text schön ab.
widgets/emotion/components/component_banner_slider.tpl
{extends file="parent:widgets/emotion/components/component_banner_slider.tpl"}
{block name="frontend_widgets_banner_slider_link"}
<div class="banner--slider-title">
{$banner.title|escape}
</div>
{$smarty.block.parent}
{/block}
Das CSS dazu
.banner--slider-title {
position: relative;
font-size: 4rem;
color: white;
width: 100%;
height: 80%;
padding-top: 6%;
padding-left: 8%;
z-index: 100;
text-align: left;
text-shadow: 0 0 3px #000000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Nuxeo mit Keycloak-Integration
Die Erweiterung für Nuxeo
Das Repository für die Nuxeo Platform Login Keycloak Erweiterung ist Teil des Nuxeo Mono-Repository und kann direkt mitgebaut werden. Die Anleitung dazu ist vollkommen veraltet, aber ich nehme sie hier als Basis. Man braucht um dieses benutzen zu können:
* Den Keycloak Tomcat-8 Adapter in der Version 4.6.0
* Den Nuxeo UserMapper Service (selbe VErsion wie bei Nuxeo und der Nuxeo-Keycloak Erweiterung nutzen! z.B. HF53)
Die Dateien aus der Zip der Adapter-Dist, die JAR vom Nuxeo Platform Login Keycloak sowie die JAR des UserMapper Services müssen alle in das selbe plugin/ Verzeichnis kopiert werden wie in der Anleitung erklärt wird. Das config/ Verzeichnis wie im Repository einfach auch rüber kopieren. Der Inhalt der JSON-Datei kann direkt aus dem Nuxeo kopiert werden und
ist die Config-Datei für den Keycloak Tomcat-Adapter und hat also an sich nichts mit Nuxeo zu tun. Dem entsprechend ist die Dokumentation zu der Datei auch um Welten besser als bei den Nuxeo Komponenten.
In der Anleitung wird alles in ein Template-Verzeichnis kopiert. Ein Template ist ein Profile für verschiedene Nuxeo-Konfigurationen und es können mehrere davon gleichzeitig verwendet werden. Den Docker-Container muss man dann also mit NUXEO_TEMPLATES: docker,keycloak starten.
Das war es dan nauch. Beim Login in Nuxeo einfach einen Account aus dem Keycloak verwenden und der Benutzer sie wie die im Keycloak zugeordneten Rollen/Gruppen werden ins Nuxeo übernommen.
Wenn man nochmal mit dem Administrator-Konto ins Nuxeo will und dieser noch nicht im Keycloak angelegt ist, muss man nur direkt /nuxeo/login.jsp aufrufen und bekommt die Nuxeo-Anmeldung ohne auf die Realm-Anmeldeseite des Keycloak weiter geleitet zu werden.
Es sind keine weiteren Konfigurationen an Nuxeo nötig. Wenn man sich ein Docker-Image baut muss also nur die keycloak.json aus dem config-Verzeichnis des Templates ersetzt werden können.
--
Mit viel Unterstützung von Interspark.
PHP: mpdf vs dompdf
Zwischen mpdf und dompdf habe ich nur einen wirklich Unterschied ausmachen können der relavant sein könnte. dompdf kann mit <thead> und <tbody> bei Seitenumbrüchen innerhalb von Tables auf der neuen Seite den <thead> wiederholen. Gerade bei sehr großen Reports in Tabellenform ist das sehr wichtig und schon zu FlyingSaucer Zeiten eine der wichtigsten Funktionen, die alle brauchten.
Shopware 6: Zusatzinformation im Warenkorb
Der Hauptunterschied ist, dass das Payload mit vom Cart LineItem in das Order LineItem übernommen wird ohne dass man etwas tun muss. Damit spart man sich auch CustomFields am Order LineItem. Die sind dann wirklich für Order-Angelegenheiten da, oder man kann nach dem Speichern der Order diese mit Hilfe des Payload füllen.
Extensions sind gut für Runtime-Data. Hier muss man drauf achten, dass Before und After add-Events, die Collcetor und Processors noch mit eingreifen und zusätzliche Logik triggern. Wenn man selbst den Cart bearbeitet (z.B. über eine eigene Controller-Action) muss man den CartService mit seiner Recalc-Method bemühen. Aber insgesamt ist der Cart zusammen mit dem CartService einfach zu beherrschen und auch zu manipulieren.
Ich habe mich am Ende entschieden beides gleichzeitig zu verwenden, wobei in den Extensions alle möglichen für die Darstellung wichtigen Daten stehen und im Payload nur das Aggregat dieser Daten als Boolean. Mehr brauche ich für den Export der Order auch nicht. Warum diese also speichern?
PS: 0 Euro Produkte im Warenkorb und Bestellungen sind in Shopware 6 kein Problem mehr.
Shopware 5: Neuer Shop online
https://www.toys4fun.shop
10% Coupon für den 1. Monat FUN4YOU (ab 20EUR, 1.9.-30.9., 1x pro Kunde anwendbar)
Ich habe dabei gelernt, dass schon ein wenig Farbe im Hintergrund sehr viel ausmachen kann. Ein Farbverlauf ist hübsch aber manchmal auch schwierig zu beherrschen, dass es am Ende nicht einfach zu viel ist.
Für den nächsten Shop werde ich mal mit Video-Hintergründen herum experimentieren. Mit einem CSS Blur-Effekt von 6px kann man ohne Probleme ein ein stärker komprimiertes 720p MP4 Video nutzen, ohne dass die schlechte Qualität auffallen würde.
Aber erstmal zurück an die Arbeit und die Frage warum der MS SSMS (SQL Server Manager) nur unter Windows funktioniert und nicht mit Linux oder Wine....
SSH-Keys für BitBucket und Gitlab
ssh-keygen -i -f ~/.ssh/id_rsa.pub > openssh.pub
Shopware 6: Entity-Select ohne name-Field
https://component-library.shopware.com/components/sw-entity-single-select
Shopware 6: Docker-File
FROM php:7.4-apache
RUN apt-get update &&\
apt-get install --no-install-recommends --assume-yes --quiet ca-certificates \
curl \
git \
libxml2-dev \
libxslt-dev \
libfreetype6-dev \
libjpeg62-turbo-dev \
libpng-dev \
libcurl4-gnutls-dev \
zlib1g-dev \
libzip-dev \
&& docker-php-ext-install -j$(nproc) iconv \
&& docker-php-ext-configure gd --with-freetype=/usr/include/ --with-jpeg=/usr/include/ \
&& docker-php-ext-install -j$(nproc) gd
RUN apt-get install -y libc-client-dev libkrb5-dev \
&& docker-php-ext-configure imap --with-kerberos --with-imap-ssl \
&& docker-php-ext-install imap
RUN docker-php-ext-install pdo_mysql \
&& docker-php-ext-install json \
&& docker-php-ext-install dom \
&& docker-php-ext-install curl \
&& docker-php-ext-install zip \
&& docker-php-ext-install intl \
&& docker-php-ext-install xml \
&& docker-php-ext-install xsl \
&& docker-php-ext-install fileinfo
RUN rm -rf /var/lib/apt/lists/*
RUN echo 'memory_limit = 512M' >> /usr/local/etc/php/php.ini
RUN a2enmod rewrite
# copy conf-file to /etc/apache2/sites-enabled/000-default.conf
RUN mkdir /files;
COPY ./setup.sh /files/setup.sh
ENTRYPOINT ["sh", "/files/setup.sh"]
Config und setup.sh kann nach eigenen Bedarf ersteltl werden. ich nutze localhost:
conf
<VirtualHost *:80>
ServerName localhost
ServerAlias www.localhost
DocumentRoot "/var/www/html/public"
RewriteEngine On
RewriteMap lc int:tolower
<Directory "/var/www/html/public">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
DirectoryIndex index.php
</Directory>
</VirtualHost>
setup.sh
/usr/sbin/apache2ctl -D FOREGROUND
Hier könnten aber auch noch composer install und so eingebaut werden.
RSA-Keys und Zugriffsrechte
cd ~/.ssh
sudo chmod -R 0700 .
sudo chmod 0644 id_rsa.pub
sudo chmod 0600 id_rsa
CSS: Ränder die kürzer als die Box sind
Absolute Postionen sind nicht wirklich toll, weil damit das Element aus dem Fluss der Elemente entfernt wird. Wenn man z.B. zwei Divs übereinander legen möchte ist es auch besser da CSS-Grid zu verwenden und beide mit der selben Startposition im Grid abzulegen.
Aber zurück zu den Rändern. Hier erstmal mit "absolute":
Links (80% Länge):
div.left:before {
content : "";
position: absolute;
left : 0;
top : 0;
height : 80%;
width : 50%;
border-left:5px solid #726E97;
}
Links (80% Länge und unten + oben Abstand):
div.left:before {
content : "";
position: absolute;
left : 0;
top : 10%;
height : 80%;
width : 50%;
border-left:5px solid #726E97;
}
CSS: Flexbox + Ellispis
<div class=""flex-container">
<div class="flex-child">
<header>LONG TEXT</header>
</div>
</div>
.flex-child header{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Die Lösung hier ist [url=]https://css-tricks.com/flexbox-truncated-text/min-width: 0;[/url].
Also:
.flex-child {
min-width: 0;
}
.flex-child header{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Super schnelle Lösung.. aber wie sollte man da alleine drauf kommen, wenn man nur mal schnell Ellipsis einbauen will?
HP Omen G15 Gaming-Notebook... 0.38GHz
Zum Glück kennt Google 0.38Ghz direkt als Suchbegriff und kann einen direkt in viele Foren leiten, wo genau das Problem besprochen wird.
Also erstmal ein BIOS-Update. Wenn man ein neues Notebook kauft sollte ja klar sein, dass ein BIOS-Update zu den ersten Dingen gehört, die man damit tun würde. Gerade der normale Kunde... normale Noobs lieben BIOS-Updates.
Am Ende läuft wieder alles, die Katze hat sich beruhigt und fühlt sich nicht mehr durch die lauten Lüfter provoziert. Alles läuft nun mit .... 0.38Ghz.
Wichtig! Netzteil abmachen. Dann tacktet die CPU plötzlich auf 1.9GHz hoch.. dann auf 2.9Ghz im Spiel. Netzteil wieder anschließen und es geht auf über 4GHz hoch. Warum? Keine Ahnung liegt wohl irgendwie mit dem Ladevorgang zusammen.
Nun läuft es... aber viel zu viel Spannung für einen ruhigen Abend auf der Couch.. wobei.. was macht so einen Abend gemütlicher als ein BIOS-Update?
(Auch wenn BIOS-Updates heute echt einfach und sicher sind.. der alte Nervenkitzel auf alten Pentium und K6 Zeiten bleibt irgendwie)
Code Reviews
Wenn die Verbesserungen reinkommen, gucke ich mir diese Änderungen wieder unter den selben Blickpunkten an. Fällt mir etwas in einem Code-Teil auf der nicht geändert wurde, kann nett fragen, ob der Entwickler das noch mal verbessern könnte. Was ganz sicher machen wird. Kommen die Änderungen wieder und mir fällt wieder etwas auf in einem Teil der von keiner der beiden Änderungen betroffen war, dann... dann ist das mein Problem und ich hab was falsch gemacht oder es ist so unbedeutend, dass es nicht geändert werden muss, ich mir aber für den nächsten Review vornehme darauf zu achten.
Natürlich gibt sehr komplexe Logiken, wo Probleme erst beim 10x rauf gucken auffallen, aber in so einem Fall ist es dann einfach Glück und der genutzten Logik geschuldet... 99% solcher Probleme fallen sonst erst in der Prod-Umgebung auf.
Docker mit der PowerShell
Alle Container stoppen:
docker ps -aq | foreach {docker stop $_}
Alle (gestoppten) Container entfernen:
docker ps -aq | foreach {docker rm $_}
Alle (ungenutzen) Images entfernen:
docker images -qa | foreach {docker rmi -f $_}
Alle (ungenutzen) Volumes entfernen:
docker volume ls -qf dangling="true" | foreach {docker volume rm $_}
Alle (custom) Netzwerke entfernen:
docker network ls -q --filter type=custom | foreach {docker network rm $_}
Shopware 6: Docker Dev-Environment
Verzeichnisse und Dateien:
containerData/
apache/
Dockerfile
my_vhost.conf
setup.sh
db_vol/
sw/
...
docker-compose.yml
Web-Installer Dateien kommen in das sw-Verzeichnis.
Dockerfile
FROM php:7.2-apache
RUN apt-get update &&\
apt-get install --no-install-recommends --assume-yes --quiet ca-certificates \
curl \
git \
libxml2-dev \
libxslt-dev \
libfreetype6-dev \
libjpeg62-turbo-dev \
libpng-dev \
libcurl4-gnutls-dev \
zlib1g-dev \
&& docker-php-ext-install -j$(nproc) iconv \
&& docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/ \
&& docker-php-ext-install -j$(nproc) gd
RUN apt-get install -y libc-client-dev libkrb5-dev \
&& docker-php-ext-configure imap --with-kerberos --with-imap-ssl \
&& docker-php-ext-install imap
RUN docker-php-ext-install pdo_mysql \
&& docker-php-ext-install json \
&& docker-php-ext-install dom \
&& docker-php-ext-install curl \
&& docker-php-ext-install zip \
&& docker-php-ext-install intl \
&& docker-php-ext-install xml \
&& docker-php-ext-install xsl
RUN rm -rf /var/lib/apt/lists/*
#RUN pecl install xdebug-2.8.0 && docker-php-ext-enable xdebug
#RUN echo 'zend_extension="/usr/local/lib/php/extensions/no-debug-non-zts-20151012/xdebug.so"' >> /usr/local/etc/php/php.ini
#RUN echo 'xdebug.remote_port=9000' >> /usr/local/etc/php/php.ini
#RUN echo 'xdebug.remote_enable=1' >> /usr/local/etc/php/php.ini
#RUN echo 'xdebug.remote_host=host.docker.internal' >> /usr/local/etc/php/php.ini
RUN echo 'memory_limit = 512M' >> /usr/local/etc/php/php.ini
RUN a2enmod rewrite
# copy conf-file to /etc/apache2/sites-enabled/000-default.conf
RUN mkdir /files;
COPY ./setup.sh /files/setup.sh
ENTRYPOINT ["sh", "/files/setup.sh"]
my_vhost.conf
<VirtualHost *:80>
ServerName localhost
ServerAlias www.localhost
DocumentRoot "/var/www/html/public"
RewriteEngine On
RewriteMap lc int:tolower
<Directory "/var/www/html/public">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
DirectoryIndex index.php
</Directory>
</VirtualHost>
setup.sh
/usr/sbin/apache2ctl -D FOREGROUND
docker-compose.yml
version: '3.3'
services:
sw_mysql:
image: bitnami/mysql:5.7
environment:
MYSQL_ROOT_PASSWORD: root
MYSQL_DATABASE: sw
MYSQL_USER: sw
MYSQL_PASSWORD: sw
volumes:
- ./db_vol/:/bitnami/mysql/data
sw_http:
build: ./containerData/apache
volumes:
- ./containerData/apache/my_vhost.conf:/etc/apache2/sites-enabled/000-default.conf:rw
- ./sw:/var/www/html:rw,delegated
ports:
- 80:80
- 443:443
mail:
image: mailhog/mailhog
ports:
- 8025:8025
adminer:
image: adminer
ports:
- 8082:8080
depends_on:
- sw_mysql
Ich musste mir eine sw2-Datenbank anlegen über root/root, aber an sich sollte es wie in meinem SW5-Environment auf mit der sw-Datenbank und sw/sw gehen.
Docker: PHP IMAP installieren
RUN apt-get install -y libc-client-dev libkrb5-dev \
&& docker-php-ext-configure imap --with-kerberos --with-imap-ssl \
&& docker-php-ext-install imap
Bei mir und meiner Shopware 6 Dev-Umgebung hat es jedenfalls gut geholfen.
Es gab beim Bauen des Images vorher diesen Fehler:
utf8_mime2text() has new signature, but U8T_CANONICAL is missing. This should not happen. Check config.log for additional information.
JavaScript: Prettier Formatierung in PHPStorm
Dann kann das Problem kommen, dass man Node nicht unter Windows laufen lässt sondern in WSL. Aber da hat PHPStorm zum Glück eine eine fertige Framework-Integration für.
Damit kann Prettier auch für die normale Reformatierung von PHPStorm mit JS-Dateien ausgewählt werden.
JavaScript Syntax für PHP-Devs
let a = [23, 42, 69];
let b = [112, 256 ...a];
isset() oder ??:
let data = {a: 2, b: 3};
let result = a?.c ?? 0;
Object-Felder als Arguments verwenden:
let data = [
{
id: 0,
name: 'test'
}
];
data.forEach(
({id, name}, idx) => {
console.log(id + ' is named as ' + name + ' and has the index ' + idx);
}
);
GitKraken und Hooks unter Windows
C:\Users\__your_user__\AppData\Local\Programs\Git\bin\sh.exe
Die Datei in den Preferences auswählen und dann läuft es.
Webcams.. teuer, oft schlecht
Die Microsoft Webcam ist schon wirklich viele Jahre alt und war teilweise für 20 Euro zu haben. Plötzlich lagen die Preise bei 40-60 Euro. Viel zu viel für die Qualität, die die Webcam liefert, war meine Einschätzung. Logitech Webcams waren noch viel stärker im Preis gestiegen. Es gab noch Webcams für 20-30 Euro, die auch HD liefern sollten. Mit Rabatt dachte ich, könne man da nicht viel falsch machen. Doch die Webcams hatten am Ende doch einige Probleme:
- Defekte Zeilen im Sensor
- Schlechte Farbdarstellung
- Mittelmässige Schärfe
- Zwar kippbar aber nicht drehbar (also schnell eine eigene Halterung dafür gedruckt)
- Zu wenig Weitwinkel beim Objektiv
Was ich noch liegen hatte, war eine ganz brauchbare IP Kamera. Aber da die nur per Ethernet angeschlossen werden können, ja keine alternative zu einer Webcam.. oder?
Doch! Windows kann auch ONVIF IP Kameras nun einbinden und diese als normale Kamera nutzen. In der Kamera-App, in Skype und allgemein.
Man muss unter den Geräten einfach ein neues hinzufügen und kann dort nach IP Kameras suchen lassen. Wie hier beschrieben.
Gut geeignet für Meetingräume oder auch wenn man größere fest installierte Dinge präsentieren möchte. Durch S- oder C-Mount sind Objektive auch austauschbar.
Am Ende kommt nun aber eine teurere Microsoft Webcam zum Einsatz. Wenn das Bild der alten und der neuen Webcam nebeneinander sieht, ist der 60 Euro Unterschied wirklich deutlich zu sehen und man hat auch wieder mehr Weitwinkel.
Lib-Lizenzen auflisten
entwickelt, kann sich der Kunde dafür interessieren, weil den es ja einschränken könnte, wie er die Software verwendet.
Das geht mit diesen Libs relativ einfach.
PHP:
composer global require comcast/php-legal-licenses
~/.config/composer/vendor/bin/php-legal-licenses generate
NPM:
sudo npm install -g license-checker
license-checker --development --csv > licenses.csv
Smarte Heizkörpersteuerung
Ich hab mit für ein Thermostat mit DECT-Anbindung von AVM entschieden. Das Fritz!DECT 301. Einmal weil wir eine Fritzbox und DECT für die Telefone schon nutzen und weil man doch relativ einfach und genau die Zeiten über die Fritzbox steuern kann ohne noch eine extra App nutzen zu müssen. Das Home-Office ist für den Versuch ideal, da die Nutzungszeiten sehr genau definiert sind. Es soll etwas vorher warm werden und etwas nach Feierabend wieder kühler werden (falls dann doch mal eine Überstunde ansteht). Zur Mittagszeit in der Pause kann es auch ruhig kühler werden. Natürlich wird es nicht sofort kalt, also wird wohl zu Mittag nicht mehr geheizt aber die Temperatur nur minimal zu der Zeit sinken.
Die bis zu 30% Kostenersparnis sehe eher sehr skeptisch. Aber eine geringe Kostenersparnis erhoffe ich mir dann doch.
Die Zukunft aussitzen
Ich weiß nicht was mit den Kindern geschehen ist. Früher war vor dem PC, der Konsole, etc sitzen jetzt nicht so schlimm. Man hat per ICQ und Email kommuniziert und hatte auch entsprechende Online-Plattformen. Niemand saß weinend zu hause, weil man nicht in die Schule konnte. Sich zu hause Dinge beizubringen, war auch nicht gerade selten. Das was einen interessierte hat man sowie so nie in der Schule gelernt. QBasic, Turbo Pascal, C und Delphi... das gab es nicht wirklich in der Schule und wenn man damit in der Schule zu tun hatte nicht weil man es dort gelernt hatte sondern weil man es schon konnte. Werden die Kinder vorgeschoben? Klar. Warum? Weil man seine Schwächen dann nicht offenbaren muss. Remote-Learning. Das ist ein Thema mit dem man sich zum Glück nicht mehr beschäftigen muss, weil es gibt ja Impfstoffe. Im Sommer war Corona ja auch schon vorbei und man musste sich deswegen nicht mehr damit beschäftigen. Falls einen jetzt der Impfstoff wieder das Argument kaputt macht, bleibt ja noch das Leiden der Kinder und da darf man ja nicht widersprechen.
Jetzt wird darüber gejammert, dass die Kinder zu viel mit dem Internet zu tun haben und das wäre ja gefährlich. Ganz moderne Ansichten... Niemand hat einen Plan und es wird damit reagiert, dass man in den Angriff geht und alles nieder macht, was zeigen könnte, das die Schule gerade total abgehängt ist. In der Arbeitswelt ist innerhalb von nicht mal einen Jahr Home-Office schon zu einem Standard geworden. Die meisten würden nie wieder einen Arbeitgeber nehmen, wo Homeoffice nicht, wenn auch nur 1-2 Tage pro Woche, nicht möglich ist bzw. abgelehnt wird. Also die Arbeitswelt macht gerade riesige Schritte nach vorne. Die Schule soll die Kinder auf die Arbeitswelt auch vorbereiten. Genu das passiert gerade nicht mehr. Die Arbeitswelt geht nach vorne und die Schule versucht jedes Stolpern nach vorne im Keim zu ersticken. Das hat nichts mit den Lehrern zu tun. Schon Anfang der 2000er hätten einige Leherer gerne umfassende Plattformen im Internet gehabt.
Die Plattformen kommen langsam. Aber mehr Kapazitäten und Rewrites des Codes scheinen wohl zu viel verlangt zu sein. Warum bezahlt man keine Entwickler die sich an den Projekten beteiligen und damit alle voran bringen? Eine brauchbare und skalierbare Lernplattform wäre etwas womit sich Deutschland hervor tun könnte. In der Schule könnte Oberstufen-Kurse Plugins dafür entwickeln und damit ein Ökosystem schaffen, dass sich selbst weiter entwickelt. Self-enablement der Schulen.
Ich bin sehr gespannt, ob wirklich bis zum bitteren Ende versucht wird nichts zu tun und wann endlich mal Konzepte für die Zukunft vorgelegt werden. Die 90er sind vorbei und die Zukunft kam jetzt ("leider") schneller als viele gedacht haben.
PHP: UTF-8 Check einfach
mb_detect_encoding($str, 'UTF-8', true) != 'UTF-8'
oder
!mb_detect_encoding($str, 'UTF-8', true)
Damit kann man dem Problem begegnen, dass ein doppeltes UTF-8 Encoding in PHP einfach den String kaputt macht und weil die Funktion selbst nicht prüft, ob ein Encoding überhaupt nötig ist.
Dinge der letzten Wochen in der Kurzform
* API-Platform: mähhh... ein Springboot finde ich besser und flexibler
* Next.js: React für PHP-Developer... so mag ich React
* Shopware und Translations: s_article_tranlsations ist nur Caching und s_core_translations ist alt und nicht hübsch
* Bootstrap 5: endlich da und sieht aus wie Bootstrap 4 in noch besser (kein JQuery mehr!)
* Sunlu SPLA: totaler Schrott gefühlt... nicht stabil genug
* Webcams: 300%ige Preissteigerungen.. ich war/bin beeindruckt
* Confluence: Ich habe lange mit geweigert und überlegt, aber nun nutze ich auch Confluence für mich selbst
* Cyberpunk 2077: Gutes Spiel, aber gerade aus Entwicklersicht sehr interessant. wie der Release lief und wie die QK/QS doch grandios in einigen Fällen scheitern kann
* Angebot vor paar Wochen - 150 EUR 4K Samsung Monitor: Super für den Preis, zerkratzt leider leicht, ideal für das Homeoffice
* DECT Thermostate: lohnt sich sowas und würde es im Homeoffice(-Dachgeschoss) wirklich Kosten sparen? China Wifi Lösungen sind zwar günstiger aber die AVM-Lösung sieht für mich besser aus, weil es keine Cloud braucht. Integration mit Alexa?
PHPStorm: Die PHP Runtime aus WSL nutzen
Aber Jetbrains war ja schlau und hat direkt in PHPStorm eingebaut die PHP-Runtime aus WSL als CLI-Rutime nutzen zu können. Genauso wie man eine Runtime nutzen kann die in einem Docker-Container läuft.
Diese einzurichten ist auch in einem Bild erklärt (wie man PHP unter Linux installiert wird ja an sich jedem PHP-Entwickler klar sein...).
Shopware: 0 Euro Artikel
Wenn man nun einfach einen Preis von 0.00 Euro eingibt, gibt es einige seltsame Nebeneffekte. Der Warenkorb funktioniert auch nicht mehr und man findet im Log den Fehler (sBasket::getPriceForAddProduct):
BASKET-INSERT #01 No price acquired
Die Lösung ist hier https://forum.shopware.com/discussion/7376/erledigt-null-euro-artikel-verwenden beschrieben. Es muss also immer ein Preis > 0 gegeben sein, denn man über die Gruppe wieder auf 0 zurück bekommt.
Weihnachten aus dem 3D-Drucker
Composer Installation mit Version
Lösung:
php composer-setup.php --version=1.10.17
anstelle von
php composer-setup.php
Mega Drive und SNES Trays
Die Trays die ich bei Thingiverse gefunden hatte, hatten alle das Problem, dass der Boden wirklich nur eine oder max zwei Schichten dick war und entsprechend beim Ablösen auch mal einfach kaputt ging.
Deswegen habe ich die etwas verbessert und stabiler gemacht:
Mega Drive
SNES
CSV und nach Datum sortieren in Libre Office
Die Datum-Daten markieren. Suchen und Ersetzen aufrufen.
Suchen nach:
^.*$
Ersetzen durch:
$
und noch auswählen, dass nur im markierten Bereich gesucht werden soll und natürlich dass das ein RegEx-Ausdruck ist.
Die Lösung habe ich hier https://www.libreoffice-forum.de/viewtopic.php?t=9488 gefunden.
'bash' Befehl in Powershell fixen
Prüfen:
wslconfig /L
Ändern:
wslconfig /setdefault Ubuntu-20.04
Gameboy Module aufbewahren
Hier der Tinkercad-Link.
EDC-Wholesale Trackingcode-Mails parsen
Betreff:
/Auslieferung Ihrer Bestellung/
Body-Trackingcode:
/>(\d+)<\/b>/
Body-Ordernumber:
/Kontrollnummer:<\/b>\s*(\d+)<br/
Damit kann man alle Daten bekommen und seine Bestellungen updaten. Mit einer Shopware 5 Lösung kann ich gerne auf Anfrage helfen.
Ports und Adapter - Meine Definition und Erklärung
Erst landete ich bei eine Artikel über Ports und Adapter mit Symfony und ich fühlte mich verstanden. Dann kam der die Interpretation nutze und sogar das Repository als Adapter und sein Interface als Port sieht (was an sich ja genau richtig ist). Also mein Verständnis entspricht dem auf Baeldung.com beschriebenen Grundgedanken einer Logic die zwischen nicht kompatiblen Interfaces vermitteln. Zumeist ist eines der Interfaces, das der eigenen Anwendung und das andere das einer 3rd Party Lib.
Also wäre an sich auch JPA ein Port. Es beschreibt ein allgemein gültiges Interface zur Persitierung und die verschiedenen Frameworks wie Hibernate oder EclipseLink liefern Adapter die JPA auf die nativen Interfaces adaptiert.
Dadurch definieren sich schon mal ein paar Dinge:
- es kann keinen Port ohne Adapter geben
- Ein Adapter ist nötig, wenn das Interface nicht mit der eigenen Anwendung kompatible ist
Im Grunde sind wir hier wieder beim klassischen Factory-Patten. Ein allgemeines Interface, viele Implementierung und eine Instanz die entscheidet welche Implementierung gerade die passende ist. Nebenbei in Unit-Tests sehr praktisch.
Wann brauche ich keinen Port:
- Wenn eine Lib schon ein allgemeines Interface bereit stellt
- z.B. was bei den meisten Email-Libs so ist... weil die Änderung der Implementierung oft nur Konfiguration ist
- etwas allgemeines noch mal zu Kapsel macht wenig Sinn
- Ein Adapter für nur eine mögliche Implementierung macht genau so wenig Sinn
Ein sehr fachliches Beispiel wäre das Pushen einer Bestellung an verschiedene Drop-Shipper. Jeder hat ein anderes WWS, ERP oder Shop-System. Man definiert für die Clients ein einheitliches Interfac, was mit den eigenen Klassen (bzw. deren Interfaces) arbeitet. Für jedes System wird ein eigener Client geschrieben und Abhängig vom Drop-Shipper und seinen Systemdaten wird eine Factory die passende Implementierung wählen und konfigurieren.
Also... Ports und Adapter ist kein Konzept, dass man groß erzwingen muss, es ergibt sich zwangsmäßig und von alleine (wenn man nur minimal strukturiert entwickelt).
PS:
Wenn man mehr als eine Domain hat, definiert natürlich nur eine Domain das Interface und stellt die Verwendung den anderen Domainen per UseCase zur Verfügung.
Von der Ring Doorbell zum Fitbit Charge 4
Das Problem ist nur die niedrige Lautstärke und die sehr generische Meldung über Alexa. Nach der Idee ein Outdoor-Alexa zu basteln oder einfach ein Ring Chime zu kaufen, kam die Idee doch eine haptische Meldung über die Fitbit Charge 4 zu versuchen. Mehr Smartes Spielzeug und so.. was soll schon schief gehen. Abert wie bekommt man eine Benachrichtigung auf die Fitbit? DAs geht über Alexa und die
generischen Android Benachrichtigungen. Man erstellt sich dazu eine einfache Routine.
* "Wenn folgendes passiert"
* "Smarthome" + "Haustür" (oder wie die Ring eben genannt wurde)
* dann das Klingeln auswählen
* Als Aktion und Nachrichten den Punkt "Benachrichtigung" auswählen
* hier etwas wie "Ring!Ring!" eintragen
* alles Speichern
Wenn nun die Klingelt gedrückt wird kommt auf dem Smartphone eine Benachrichtigung an und diese landet auch auf dem Fitbit. Wenn man nun das über mehrere Smartphones laufen lässt mit Profilen und eines nicht will: Ausloggen und wieder einloggen kann das Problem lösen.
Nun bleibt am Ende nur das Problem mit der Reichweite von Bluetooth.. aber das werden wir auch noch lösen.
PHPStorm mit Xdebug
Aber von Anfang an. Wir müssen erstmal das Docker-Image um Xdebug erweitern:
RUN pecl install xdebug-2.8.0 && docker-php-ext-enable xdebug
RUN echo 'zend_extension="/usr/local/lib/php/extensions/no-debug-non-zts-20151012/xdebug.so"' >> /usr/local/etc/php/php.ini
RUN echo 'xdebug.remote_port=9000' >> /usr/local/etc/php/php.ini
RUN echo 'xdebug.remote_enable=1' >> /usr/local/etc/php/php.ini
RUN echo 'xdebug.remote_host=host.docker.internal' >> /usr/local/etc/php/php.ini
Dann installieren wir uns "Xdebug Helper" für den Chrome oder eben die Kombination aus Addon und Browser, die man gerne hätte.
Dann den Docker-Container starten. Die Seite im Chrome aufrufen und dort das Addon aktivieren. Einen Breakpoint in PHPStorm setzen und PHPStorm auf Debug Eingänge horchen lassen.
F5 im Webbrowser drücken und dann das Mapping bestätigen.
Das wars. Super einfach und schnell (abgesehen vom Docker-Container bauen) eingerichtet.
Blog-entries by search-pattern/Tags: