Integrate AJAX Into Hybrid App with SammyJS, Part 2 - #24
2 minutes
35:15 minutes
Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer
Last week, we implemented Sammy JS in order to start building a mobile hybrid app. This week, we take it further and add an external "API" using PHP accessible with AJAX.
This will allow us to build a flat HTML app for iOS and Android but still be able to have dynamic data. In this tutorial, we set up our remote server, set up our database, and build the AJAX queries.
Once this implementation is in place, we can pull external data from any server regardless of programming language.
In this tutorial, we go over the implementation of AJAX using a remote PHP server API we create and how that works into our hybrid app built using Sammy JS.
0:00 Intro
01:40 Minify and Localize Scripting and Styles
03:54 Add Content Security Policy
08:57 Setup Local API Server
16:48 Setup Access Control on API Server
20:16 Create Functions for API Usage
24:07 Create Page Database and Tables
31:16 Use AJAX to Create Menu Items
34:11 Upcoming: Dynamic Content using AJAX
Applications Used
Visual Studio Code v1.43: https://code.visualstudio.com/
Live Server Extension v5.6.1: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
SammyJS v0.7.4: http://sammyjs.org/
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
Like what you see, support the channel.
Get Merch Buy Me A Coffee Join Patreon Watch on YouTube View Projects on GitHub
