Gulpfile :: Tips & Hints for successfull stream-pipelining

On this article, I collect all relevant information about Gulp to have a reference for a successful work with it!

 

Gulp is like a sequenced NodeJS-App, which does multiple tasks in an order (pipeline) to create a file (data-stream), e.g. SASS assets compiling…

I found a good article about errorhandling with “Gulp” written by Kate Hudson on following pagelink: http://blog.ibangspacebar.com/handling-errors-with-gulp-watch-and-gulp-plumber/

 

This is the modified Gulpfile from the Roots.IO “Sage” theme, which the Awebgo template is based on. The functions for font-recalculation and image-resizing are deactivated, so there’s a faster way to watch the scss-files on change. A modification for extended error-handling is also implemented [see: .plumber()]:

You can build your own WordPress theme with the “Sage” starter-package from Roots.IO and use the enhanced features of Gulp for the layout-design in the SASS language: https://roots.io/sage/

Share & Like

NodeJS mit NVM für die Webentwicklung verwenden

Viele Webseiten nutzen heutzutage diverse Technologien, um einen möglichst großen Leistungsumfang abzudecken. Eine der umfangreichsten Anwendungsmöglichkeiten bietet “NodeJS”: Mit NodeJS kann man einen autarken Webserver aufbauen, oder auch eine komplette Webseite bereitstellen.

Um NodeJS zu verwenden, bietet sich ein kleines Tool im Netz an, womit sich die Installation fast wie von selbst bewerkstelligen lässt: NVM

In diesen Beitrag möchte ich das Tool “NVM” vorstellen und anhand einzelner Beispiele den Nutzen nahebringen.


1) Zuerst muss das Tool “NVM” von folgendem Git-Repository heruntergeladen werden: https://github.com/creationix/nvm

Dazu begeben wir uns in den Heim-Ordner unseres Accounts innerhalb unseres Webservers und laden das Repository herunter und “sourcen” das Installationsskript:

  Tip: Zusätzlich sollte die letzte Zeile zum Sourcen auch in die Datei ~/.bashrc bzw. ~/.zshrc eingefügt werden (je nachdem ob man die Bash oder ZSH nutzt), damit NVM bei jedem Login in der Shell zur Verfügung steht…


2) Nun installieren wir NodeJS mit folgenden Befehl:

Damit haben wir nun die Tools “Node” und “NPM” in unserer Shell aktiviert. Es wird ausdrücklich empfohlen, immer die neueste Version von NPM zu verwenden, damit beim Erstellen der NODE_MODULES uns keine bösen Überraschungen kommen:

Jetzt besitzen wir die aktuellste Node und NPM Version und können nun mit den Zusammenstellen der Pakete beginnen…

 

Übrigens:

Sollte die Installation der “node_modules” fehlschlagen oder der Ablauf der Skripte erscheint fehlerhaft, so kann ein

Abhilfe schaffen und den NPM-Zwischenspeicher aufräumen. Ein zweiter Versuch des vorherigen Befehles sollte dann zum Erfolg führen…

 

Wenn NodeJS für die Assets-Kompilierung benötigt wird (in Form von z.B. Gulp oder Bower), speziell für Bild-Transformationen (Größe, Kompressionrate, Farbkanal-Änderungen) im Zusammenhang mit SASS/SCSS und es kommt dabei ein Skript-Fehler heraus, dann diese beiden Befehlszeilen eingeben:

Damit werden die Skripte aller Bildänderungen wieder ausgeführt.

Share & Like

Require.JS :: Scripte einbinden

01.) Die Datei “r.js” in das HTML-Template einbinden.

02.) In einer Konfigurationsdatei die Pfade und Ladeabhängigkeiten definieren. Diese Datei dann per

in den Scope laden.

 

Die Pfade sind das ausschlaggebende Merkmal aller Plugins! Diese müssen explizit an die jeweilige Website-Struktur angepasst werden.

 

Dieses Beispiel der “config.js” zeigt die Pfade dieser Website:

 

03.) Anschließend wird die Haupt-Javascript-Datei aufgerufen, in dem alle möglichen Plugins nach belieben verwendet werden:

 

 

Wer sich zB. die Require.JS Konfiguration von Awebgo (ehem. Loopshape) ansehen möchte, kann es unter diesen folgenden Link tun: main.js

 

Aufgerufen wird die Datei über folgende Scriptanweisung:

 

Weiterführende Informationen gibt es auf der Hauptseite von Require.JS: http://requirejs.org/docs/api.html

Share & Like

Treeline.io • Create a NodeJS app with a browserinterface

Treeline.io ist eine webbasierte Steuerungs-Oberfläche zum Erstellen einer NodeJS-Applikation basierend auf dem JS-Content-Management-System “SailsJS”.

Hier geht’s zur Website: Treeline.io

Treeline ermöglicht das bequeme Verwalten der einzelnen Module und zugehörigen Pakete
Treeline ermöglicht das bequeme Verwalten der einzelnen Module und zugehörigen Pakete
Treeline kompiliert alle Module und Paketabhängigkeiten zu einer vollständigen NodeJS-Anwendung
Treeline kompiliert alle Module und Paketabhängigkeiten zu einer vollständigen NodeJS-Anwendung
Eine hierarchische Darstellung aller Prozeduren wird visuell anhand eines Flussdiagrammes dargestellt
Eine hierarchische Darstellung aller Prozeduren wird visuell anhand eines Flussdiagrammes dargestellt
Share & Like

PHP • PayPal REST-API :: How to

If you want to use ExpressCheckout via the REST API from Paypal, you can follow these steps to get a working API within your webapp.

1. Install Composer, Curl and PHP on a Webserver

2. a) Create a composer.json file with following data from the top of this page: https://developer.paypal.com/webapps/developer/docs/api/

2.b) Install the libraries with composer install

2.c) Include the autoload.php from the Composer installation with a require_once.

3.a) Setup the REST-API-SDK-PHP library files with your credentials from the Paypal developer site: sdk_config.ini and in the bootstrap.php that could be found in the folder vendor/paypal/rest-api-sdk-php

3.b) Set up a define command with a pointer to the sdk_config.ini file. define(‘PP_CONFIG_PATH’, …path to the sdk_config.ini file…);

4. Build a form with a PayPal-button and send the form parameters via $_POST to this file: https://github.com/paypal/rest-api-sdk-php/blob/master/sample/payments/CreatePaymentUsingPayPal.php

5. After successful payment from the Paypal website you have to redirect the user to this file: https://github.com/paypal/rest-api-sdk-php/blob/master/sample/payments/ExecutePayment.php

You are done!

Share & Like