WordPress REST API + Ajax for Secure External API Data

Learn how to use AJAX to retrieve the data from the REST API as a secure route compared to conventional AJAX data calls. This will give real-time data calls on load of the page.
We also use the same method to get Secure External API Data in WordPress.
VIDEO CHAPTERS
00:00 Introduction
00:54 Add a custom WordPress Shortcode via plugin
04:50 Making a custom WordPress REST API endpoint
09:43 Enqueuing AJAX to Call REST API endpoint for real-time data
19:07 Show REST Data on front-end using AJAX
20:41 Getting External API data with REST API & AJAX
29:36 Why use AJAX and REST API?
30:49 Conclusion
Code sample: github.com/YTTechiePress/rest...
HOW TO SUPPORT THE CHANNEL
=============================================
Do you like what I am doing?
- Buy me a coffee through www.buymeacoffee.com/techiepress
- Give via PayPal: paypal.me/laurencebahiirwa
- Buy Scalable WordPress Hosting -----omukiguy.com/kinsta
- Buy Low cost Hosting ----------------------omukiguy.com/bluehost
- Build no code website with Elementor -- omukiguy.com/elementor
- Enhance Elementor with Crocoblock --- omukiguy.com/crocoblock
- Automate API Requests & Webhooks -- omukiguy.com/integromat
- Screen Record with your computer ----- omukiguy.com/screenflow
- Make Awesome forms with WPForms ----- omukiguy.com/wpforms
- Build Advanced with Gravity Forms --- omukiguy.com/gravityforms
I am social too:
Facebook: / techiepress-1001496550...
Twitter: / omukiguy
Blog & Newsletter: omukiguy.com
Github: github.com/yttechiepress
-------------------------------------------------------------------------------
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
--------------------------------------------------------------------------------
Learn how to build a plugin from scratch: • Plugins Vs Functions.p...
WooCommerce E-Commerce customizations
== Build Free Custom E-commerce Online Shop using WooCommerce - • WooCommerce customizat...
== Build Free Custom Theme for E-commerce Online Shop using WooCommerce -
• Woocommerce Restaurant...
====== Build Dynamic Websites with Elementor ======
== Learn the Elementor basics - • Elementor Beginner Tut...
== Build a custom Elementor Widget from Scratch - • Build Custom Elementor...
====== How to use WordPress Gutenberg Block Editor ======
WordPress 5.4 Gutenberg Blocks Updates
== • WordPress 5.4 Gutenber...
WordPress Gutenberg blocks for Designers
== • WordPress Basics Train...
Gutenberg WordPress Block Editor tutorials for beginners
== • WordPress Basics Train...
Custom WooCommerce Gateway Development from Scratch
== • Build Custom WooCommer...
WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch
== • Create Custom WordPres...
====== WordPress Plugin Development from Scratch ======
Build Most Popular & Most Commented Post Plugin
== • Build WordPress Most P...
Build SMS Plugin with External WordPress API Integration using custom WordPress Databases
== • Build SMS Plugin - Ext...
WordPress External APIs Integration Plugin Development
== • WordPress External API...
Convert WordPress to mobile App in Headless WordPress
== Convert WordPress Sports Website into Mobile Application - kzbin.info?list...
Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin
== • Make GraphQL API endpo...
Customize Your WordPress & ClassicPress
== Build Custom REST API Endpoints with WordPress or ClassicPress - • Build Custom REST API ...
Custom Dashboard Widgets
== • Custom Dashboard Widge...
Build Custom Admin
== • Custom Admin for WordP...
Learn Git
== Git tutorial for writers + software developers for beginners - • Git tutorial for begin...

[@astronotyet]

Thanks for consistently uploading these videos, they are of great help.

[@liliabaluk7539]

Wonderful tutorial, thank you!

[@burner918]

Great tutorial. Thank you so much for this. Explained exactly what I was looking to learn and in an amazing way. 🙏

[@RT-eb6vo]

Just brilliant. Honestly one of the best show and learn tutorials I've see. You have a real talent for teaching and I'd like to see more like this. Thanks so much.

[@TechiePress]

Thank you. I will be dropping some new work soon. Keep subscribed!

[@mostafizurrahman5648]

I want more videos like this.

[@marcokielenschede]

Your videos are inspiring, keep the videos coming and thank you for all the hard work!

[@TechiePress]

Thank you for watching. All the best in what you are creating.

[@net423]

Great!!! thank you This plugin well for pages with too many posts to get easily.

[@huhume8389]

Thank you 🙏🏿 Very useful tutorial, Regards from 🇸🇩

[@QuaverloveStudio]

Great tutorial! Right on time, too, because I'm trying to find ways to turn my non-AJAX theme to AJAX, essentially enabling all [internal] links to load in the main content area without the browser refreshing. The REST API method seems perfect for it. Of course, as a total novice, I'll need to watch this a few times. But thank you!

[@bollachabchobtikawa6737]

😍😍 Amazing Video 😍😍

[@phoenixgraphix8655]

This is so very interesting.

[@TechiePress]

It is! I am using it in a current project.

[@WonderRob]

Great video! Can you please do more of this with examples of other external data API which requires Authentication + implementing display of more request parameters results? Thanks

[@TechiePress]

Hey, I have curated an APIs Playlist here, kzbin.info/www/bejne/gKiYgaCno8ypbZI You can see the different ones like the NY best seller API with different Auth but I will create something specific for this in the near future. I am still gathering the different Auth implemented APIs.

[@theman7050]

Wonderful like always. But man im looking for a way to make a json file as the rest api endpoint and to be able to add, edit or deleted its data from various frontend calls. How to?

[@TechiePress]

You will need to understand how to read and write files in WordPress and PHP in general. This video shows you a basic write function kzbin.info/www/bejne/b3jYe5xumb6od9U for files in WordPress. You can learn how to read files via php.net However, this beats the whole purpose of having a REST API Endpoint. When you write and read a JSON file. It’s double work. The file is working as a database which work the API does.

[@JenniferElliottWebsites]

At around 19:44, I could not get my api to display on the page like you did, but when I did all of the code, it worked fine in my local environment on MAMP. When I tried to upload the plugin and use it on a production wordpress website, it is telling me there is an error in console for the foreach function and the api is not displaying. I'm not sure how to fix it, I do not know if it is because of the data variable or if it is the function.

[@TechiePress]

Unfortunately, without looking at the code, it’s hard to tell where the issue is.

[@ilhamvannyputra4823]

how to apply thumbnail using external image ? please make a video tutorial thanks

[@TechiePress]

This is coming soon

[@hammadmehmood4584]

Updating failed. The response is not a valid JSON response. getting this error when i put short code

[@nanflo-dream]

same I am getting error

[@glenricmazibuko63]

Hi There, How can I contact you regarding a project I may have

[@TechiePress]

Hi. I have a work form via omukiguy.com/contact-me/