Home

Headless hybride und native Applikationen

NEU!

SimpleConnect Module für Drupal 7 u. 8 + SimpleConnect Javascript für ECMAScript 5(2009), ECMAScript 6(2015) und NodeJS.
SimpleConnect

Diese Instanz demonstriert, wie man bestehende Webapplikationen, Portale, CMS Systeme  

mit hybriden oder nativen Applikationen via Webservices verbindet.

Das Backend muss zwar nicht zwingend Drupal7 sein,

doch hier verwenden wir zur Demo Drupal7 mit Services 3.x API.

Frameworks

nodejs,angular,ionic,drupal,backdropcms

Services:

websockets,javascript,rest,soap,xml-rpc

IONIC Components

drupal7auth

IONIC Komponente zur Benutzerauthentifizierung für Drupal (Login,Logout,Register,LoadUser).

Diese Komponente verwendet den Angular4 HttpClient     

drupal7upload

IONIC Komponente für Dateiploads. (Native Kamera,Galliery oder Browser Webcam, FileSelect).

Unter IE10 wird nur Fileselect angezeigt. 

Zugriff auf Drupal7 Services

Demonstriert verschiedene Zugriffe auf Webservices in einem CMS Systemen.
Update: 100% kompatibel mit Backdrop CMS.
Demo hier: https://backdrop.awri.ch

Beispiele

Bionic

Generische IONIC3 App für Drupal7 und Backdrop CMS 

https://backdrop.awri.ch

JUSI ES6 zu ES5 

Da der Internet Explorer keinen ES6 Code versteht,

wurde der komplette Code von ES6 nach ES5 umgeschreiben.

https://jusi.awri.ch

NodeJS Chat Websockets

Eigener Websocket Chat client/server.
mocha tests, openshift, github,

https://forum.awri.ch

  
E6 Promise Login

https://demo.awri.ch/examples/login/

Login in Drupal7 / Backdrop Instanz error Handling durch E5/6 Promises 

reines HTML/Javascript  

https://demo.awri.ch/examples/Javascript

reines HTML/Javascript mit Publish Subscribe

https://demo.awri.ch/examples/dmtcontroller

jQuery/jQuery Mobile 

https://demo.awri.ch/examples/jQuery

Drupalgap DMT Demo 

./mobile

Ionic Drupal7 Services  

./examples/ionic/www/

Angular2(ngx) Drupal7 Services  

https://demo.awri.ch/examples/ngx-drupal7-services-dev/demo/dist/

Drupalgap Services mit Angular/Ionic 

https://demo.awri.ch/examples/angular/app

Backdrop CMS 

https://backdrop.awri.ch/html

https://demo.awri.ch/examples/Backdrop

LIVE 

https://awri.ch/html (jQuery Mobile)
https://awri.ch/mobile (drupalgap)
 

Tools

Rapid Interface Builder

https://demo.awri.ch/examples/rib/

Theme Roller Builder 

https://themeroller.jquerymobile.com/?ver=1.4.5

Drupalgap Controls Beispiele

https://demo.awri.ch/examples/drupalgap/

npm Runkit ngx-drupal7-services

https://npm.runkit.com/ngx-drupal7-services

Online compilieren

https://build.phonegap.com

Emulieren

http://emulate.phonegap.com/