Developer Environment Presentation 1 Part 8: Jannah Ionic Web Application Preview

- In the previous video, we had left off showcasing the Django based middleware application.
- I had entered sample data for the various Jannah application (business logic) models.
- Sites sample data
- Users sample data
- Boots sample data
- Storage sample data
- Computes sample data
- UX sample data
- Feedback sample data
- Workflows sample data
- Sample data is entered through the Django App Models Admin.
- http://0.0.0.0:8080/admin
- A GrapQL API is made available at:
- http://0.0.0.0:8080/graphql
- For the presentation, I demo how the sample data is feed to the frontend applications via the GraphQL API:
- I started by running the Django middleware application in local development mode.
- python manage.py runserver 0.0.0.0:8080
- Through the GrapQL API test tool, I demo how to make queries and verify the response data structure.
- The same set of queries will be made by the web app, Android, and iOS mobile apps.
- query WorkflowList
- query BootList
- query NetworkList
- query StorageList
- query ComputeList
- query UXList
- query FeedbackList
- query UserList
- query SiteList
- Demo the frontend Web application pulling data from the middleware application
- Show the structure of the response, and verify the plumbing is working.
- All three frontends (web app, Android, and iOS mobile apps) use Apollo clients to communicate to middleware GraphQL API.