{"id":17056367,"url":"https://github.com/biophoton/ionic-angular-headless-drupal-demo","last_synced_at":"2025-04-12T17:26:20.086Z","repository":{"id":27829503,"uuid":"31319351","full_name":"BioPhoton/Ionic-Angular-Headless-Drupal-Demo","owner":"BioPhoton","description":"Ionic drupal example demo for decoupled \"headless\" Drupal setup using services module","archived":false,"fork":false,"pushed_at":"2016-10-30T18:22:23.000Z","size":11016,"stargazers_count":40,"open_issues_count":4,"forks_count":17,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-26T11:51:05.809Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://www.drupalionic.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BioPhoton.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-02-25T15:12:02.000Z","updated_at":"2024-09-14T12:04:49.000Z","dependencies_parsed_at":"2022-08-24T22:51:08.759Z","dependency_job_id":null,"html_url":"https://github.com/BioPhoton/Ionic-Angular-Headless-Drupal-Demo","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2FIonic-Angular-Headless-Drupal-Demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2FIonic-Angular-Headless-Drupal-Demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2FIonic-Angular-Headless-Drupal-Demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BioPhoton%2FIonic-Angular-Headless-Drupal-Demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BioPhoton","download_url":"https://codeload.github.com/BioPhoton/Ionic-Angular-Headless-Drupal-Demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248603614,"owners_count":21131832,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T10:24:13.630Z","updated_at":"2025-04-12T17:26:20.054Z","avatar_url":"https://github.com/BioPhoton.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ionic Drupal 7 Services Example/Demo\n\n####Demo of [Angular Drupal7 Services](https://github.com/BioPhoton/ng-drupal-7-services) in combination with the [Ionic SDK](https://github.com/driftyco/ionic)\n\nThis demo covers Authentication, CRUD operations on Nodes and Image upload from device camera.  \n\n\nYou can see a **[WEB DEMO](http://www.drupalionic.org/app_demo/)** of this repo  \nor **DEMO-APP** over [Ionic View](http://view.ionic.io/) directly on your phone with this ID: **ccd889ce**.  \n\n\nAlso worth checking is this **DEMO:** [Drupal-API-Explorer](https://github.com/BioPhoton/ng-drupal-services-tests-with-ng). It covers every part of [Angular Drupal7 Services](https://github.com/BioPhoton/ng-drupal-7-services)\n\nFollowing scenarios are covered:\n- Detecting first visit ever and skip tour on second fisit\n- Registration and redirect if already registered\n- Authentication\n- form client and server side validation with ngMessages\n- Reauthentication on app start\n- CRUD operations \n  - restrictions by user role \n- Image upload with camera plugin usage (or cordova plugin on chrome)\n- Handle route access over access levels\n- Directives for:\n  - Validation\n  - UI-Interaction over user data\n\n##Setup\nFor general information visit the official [ionic guide](http://ionicframework.com/docs/guide/).\n\n###Setup environment \n\n- nodeJs\nIt's required to have node installed. If you don't have you will find it [here](https://nodejs.org/en/download/).\nDownload and install the version for your OS.\n\n- ionic\nTo use the ionic-CLI and run cordova commands install ionic and cordova globaly over nmp.\nYou also need to install bower to load the required libs. Paste following command to you console to install all three with a single line.\n```bash\n$ npm install -g ionic cordova bower\n```\n###Setup project for desktop development\n\n1. Check out the project\n  ```bash\n  $ git clone https://github.com/BioPhoton/Ionic-Angular-Headless-Drupal-Demo.git [project name]\n  ```\n  Check that the current user have write permissions to the newly created folder.\n  Then cd into the folder and check out the dev branch\n  ```bash\n  $ cd [project_name]  \n  $ git checkout master\n  ```\n\n2. Setup node_modules  \n  In the ckecked out branch there is a package.json file   \n  which contains all required node modules required for the gulp tasks as well   as the platforms and plugins of cordova  \n ```bash\n $ npm install\n  ```\n  \n3. Load bower lib's  \n  As all the thrid party libs are not in the repository we have to load them over bower   \n  ```bash\n  $ bower update \n  ```\n  Now you are ready to test it on desktop. Run following command:     \n  ```bash\n  $ ionic serve    \n  ```  \n  \n###Setup project for mobile development\n\nTo build your project for platforms or debugging over console setup codrova platforms and plugins.\nThese are defined in the package.json file\n```bash\n$ ionic state restore  \n$ ionic resources\n```\nThis will create the platforms folder and loads codrova android and ios platform.\nIt also creates the plugins folder and loads the plugins defined in package.json\n\nTo run the project on your mobile phone do following\n```bash\n$ ionic run android --device\n```\n\nor\n\n```bash\n$ ionic run ios --device\n```\n\n###View remote\n\nTo easily share project progress we use [ionic view](http://view.ionic.io/) view to accomplish this.\nYou can view it over the ionic app_id located in ionic.project in the root folder.  \napp ID: **ccd889ce**\n\n\n###Cordova Plugins\n\nFollowing extra cordova libraries are installed:\n```bash\n$ cordova plugin add org.apache.cordova.camera --save\n```\n\n#Setup Drupal\n- Setup drupal with  services as described in [Angular Drupal7 Services - Setup Drupal](https://github.com/BioPhoton/ng-drupal-7-services#setup-for-drupal)\n- Import the [article-feed view settings](https://github.com/BioPhoton/Ionic-Angular-Headless-Drupal-Demo/blob/dev/drupal/articlefeed_view_export.txt)\n- Import the [permissions settings](https://github.com/BioPhoton/Ionic-Angular-Headless-Drupal-Demo/blob/dev/drupal/permissions_export.txt) with the [Export Roles \u0026 Permissions](https://www.drupal.org/project/export_roles_permissions) module\n  In your Configuration -\u003e People -\u003e Permissions section enable following for authenticated users:\n  - Node Article: create\n  - Node Article: edit\n  - Node Article: delete\n  - Services: Save file information\n  - Services: Perform unlimited index queries\n- For a direct login after a user registers over the register form we need to  \n  enable this in under Configuration -\u003e People -\u003e Account settings section.   Go there and leaf the \"Require e-mail validation checkbox\" unchecked.\n- To enable User Profile Pictures go to Configuration \u003e People \u003e Account settings and enable user pictures in the personalization settings. see also [here](- https://www.drupal.org/node/22271)\n- To receive the images of your node install the [imageinfo_cache](https://www.drupal.org/project/imageinfo_cache) module. This will create your imagestyles immediately after uploading an image to drupal.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiophoton%2Fionic-angular-headless-drupal-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiophoton%2Fionic-angular-headless-drupal-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiophoton%2Fionic-angular-headless-drupal-demo/lists"}