Ionic 3 framework + Drupal 8 Rest API + Jsonapi + Heremaps = Awesome ingredients
summary
A working Ionic 3 / Angular 4 mobile app connects to a Drupal 8 backend on Pantheon, uses JSON API for efficient filtered fetches and caching, and displays Here Maps tiles via a Leaflet patch. Image upload currently sends images as base64 to Drupal, requiring a two-step upload (file POST returns fid, then node POST), with CORS and CSRF whitespace issues resolved in practice. The app captures camera and GPS, posts geo fields, builds on the Ionic dashboard, and is live in testing on Google Play.
AI-written summary · about
chapters (13)
- 0:00Start
- 4:383 Types of Apps
- 7:55Create a project in ionic
- 9:28Team of Heroes @ Pantheon APAC
- 11:33How to install lonic 3
- 15:22Location Services
- 16:20How to setup a decoupled drupal 8 using RESTful web services
- 18:22Things to remember in setting up CORS
- 27:21POST: Signup Rest API
- 27:48POST: Create a node using API
- 28:08DELETE: delete a node
- 33:03GET Method using JSON API
- 35:43Ionic Framework Dashboard
related talks
26mGetting Started Creating Apps with Drupal and Ionic Framework
59mIntro to Ionic–a Cordova & AngularJS-based Mobile Web App Framework
20mIonic and Angular Superpowers for Mobile App Development
39mAdventures in APIs
39mGoing Hybrid Mobile with Ionic and AngularJS
50mBuilding Mobile Apps with Ionic 2
41mNgRx Mobile with Ionic
01h 46mBrian & Brock's App Adventure