script-example.com https://www.script-example.com/ der schnelle Einstieg in gängige Skriptsprachen, sowie Beispielskripts. Wed, 13 Nov 2019 11:10:17 +0100 de Laravel Vue Router https://www.script-example.com/index.php/vue-router https://www.script-example.com/index.php/vue-router Sun, 06 Oct 2019 13:33:00 +0200 https://www.script-example.com/image/cms-default.png Laravel-Vue-Router

Vue Router ermöglicht es in SPA (Single Page Applications) mittels URL-Pfade direkt bestimmte Vue-Componenten zu laden. 

Laravel - Vue Router Mittels VueRouter einen Teil der Webseite dynamisch mit Vue laden Git ohne GitHub https://www.script-example.com/index.php/git https://www.script-example.com/index.php/git Fri, 12 Apr 2019 17:00:00 +0200 https://www.script-example.com/image/cms-default.png Git-ohne-GitHub

Mit git kann einfach eine Versionierung für lokale oder geteilte Projekte eingeführt werden. Für das Teilen kann neben GitHub auch ein einfacher Share oder ein SSH-Remote-Ordner verwendet werden.

Git ohne GitHub lokal oder remote JavaScript Text in die Zwischenablage https://www.script-example.com/index.php/javascript-text-in-die-zwischenablage https://www.script-example.com/index.php/javascript-text-in-die-zwischenablage Mon, 25 Feb 2019 19:06:00 +0100 https://www.script-example.com/image/cms-default.png JavaScript-Text-in-die-Zwischenablage JavaScript Text in die Zwischenablage per Javascript einen Text in die Zwischenablage kopieren Javascript Meldungen ausgeben Texteingabe Bestätigung https://www.script-example.com/index.php/messages-popup https://www.script-example.com/index.php/messages-popup Sat, 26 Jan 2019 13:49:00 +0100 https://www.script-example.com/image/messages-popup-3.jpg Javascript-Meldungen-ausgeben-Texteingabe-Besttigung Javascript - Meldungen ausgeben, Texteingabe, Bestätigung Alert oder Texteingabe Laravel Websockets 443 über https 443 https://www.script-example.com/index.php/laravel-websockets https://www.script-example.com/index.php/laravel-websockets Fri, 28 Dec 2018 09:02:00 +0100 https://www.script-example.com/image/cms-default.png Laravel-Websockets-ber-https-443

Mit Hilfe von WebSockets können Echtzeit-Webanwendungen umgesetzt werden. WebSockets ermöglichen dem Browser auf bestimmte Anforderungen vom Server zu warten, der Browser muss also nicht regelmäßig nach Updates vom Server fragen, er wird vom Server aktiv informiert. 

Laravel Websockets über https - 443 Laravel Echo socketio https 443 ReverseProxy https://www.script-example.com/index.php/laravel-echo-socketio https://www.script-example.com/index.php/laravel-echo-socketio Fri, 28 Dec 2018 08:26:00 +0100 https://www.script-example.com/image/laravel-echo-socketio-1.jpg Laravel-Echo-socketio-https-443-ReverseProxy

Wer seinen eigenen WebSocket-Server betreiben will kann, Anstelle von Pusher, auch Laravel ECHO in Kombination mit socket.io verwenden.

Sollte der ECHO-Server direkt am Webserver betrieben werden, kann dieser nicht denselben Port verwenden: der Browser muss sich zusätzlich auf einen anderen Port verbinden, was bei bestimmten Internetzugängen, speziell beim Einsatz eines Proxys zu Problemen führt. Alternativ kann der socket.io-Traffic auch über einen Reverse-Proxy am Webserver umgeleitet werden. Beim Einsatz eines Reverse-Proxy kann sich der Browser sowohl auf die Webseite, als auch auf den ECHO Server über Port 443 verbinden.

Laravel Echo socket.io - https 443 - ReverseProxy Laravel Formular https://www.script-example.com/index.php/laravel-formular https://www.script-example.com/index.php/laravel-formular Fri, 23 Nov 2018 14:47:00 +0100 https://www.script-example.com/image/laravel-formular-5.jpg Laravel-Formular

Standardmäßig werden für das Erstellen und für das Bearbeiten eines Eintrages unterschiedliche Views und somit verschiedene HTML-Formulare verwendet. Im Controller kann anhand der Methode unterschieden werden, ob es sich um einen neuen Eintrag (Insert) oder um das Bearbeiten eines bestehenden Eintrages handelt (update). 

Die Methode POST wird für neue Einträge verwendet, PUT/PATCH für Updates. Damit für Updates und Inserts dasselbe Formular verwendet werden kann, müssen wir im Controller unterscheiden ob es sich um einen neuen Eintrag oder um einen bestehenden handelt. Laravel Formular Create und Edit mit einem Formular Linux Bash eval 3D Drucker Temperaturüberwachung https://www.script-example.com/index.php/linux-bash-eval https://www.script-example.com/index.php/linux-bash-eval Thu, 04 Oct 2018 18:42:00 +0200 https://www.script-example.com/image/cms-default.png Linux-Bash-eval-3D-Drucker-Temperaturberwachung

Für meinen 3D-Drucker habe ich eine zusätzliche Temperaturüberwachung gebastelt. Linux Bash eval - 3D Drucker Temperaturüberwachung Mithilfe eines Raspberry zusätzlich die Temperatur überwachen jQuery Beispiele https://www.script-example.com/index.php/jquery-Beispiele https://www.script-example.com/index.php/jquery-Beispiele Fri, 31 Aug 2018 09:42:00 +0200 https://www.script-example.com/image/cms-default.png jQuery-Beispiele

Hier ein paar Beispiele zu jQuery

jQuery Beispiele Einführung in JQuery anhand konkreter Beispiele NPM Pakete Laravel appjs und css https://www.script-example.com/index.php/npm-pakete https://www.script-example.com/index.php/npm-pakete Thu, 26 Jul 2018 09:57:00 +0200 https://www.script-example.com/image/npm-pakete-1.jpg NPM-Pakete-Laravel-appjs-und-css

NPM (Node Package Manager) dient als Paketmanager für JavaScript-Files, ähnlich Composer für PHP. Mittels NPM können also Javascript Pakete heruntergeladen und zusammengeführt werden. Für das Zusammenfügen mehrere NPM-Pakete zu einer JS-Datei wird Webpack verwendet, entsprechend können heruntergeladene Pakete in Webpack eingebunden und mittels npm run zusammengefügt werden. NPM Pakete - Laravel app.js und css Hinzufügen von JavascriptSourcen zu Laravel Laravel Google API Spreadsheet https://www.script-example.com/index.php/laravel-google-api-spreadsheet https://www.script-example.com/index.php/laravel-google-api-spreadsheet Mon, 26 Mar 2018 20:07:00 +0200 https://www.script-example.com/image/laravel-google-api-spreadsheet-4.jpg Laravel-Google-API-Spreadsheet

Nachdem ich einige Zeit damit verbracht habe auf ein nicht öffentliches Google Spreadsheet zuzugreifen, hier ein paar Screenshots des Setup.

Laravel Google API Spreadsheet kurz notiert Zugriff auf Google Spreadsheet von Laravel