Download to read offline
![@Josh412
“
CalderaLabs.org
[in microservice architecture] there is a bare
minimum of centralized management of these
services, which may be written in different
programming languages and use different data
storage technologies.
- Martin Fowler](https://image.slidesharecdn.com/ourhybridfuture-wordpressaspartofthestack-170813135000/75/Our-Hybrid-Future-WordPress-As-Part-of-the-Stack-16-2048.jpg)
Uploaded byCaldera Labs
Our Hybrid Future: WordPress As Part of the Stack
The presentation discusses the evolution of WordPress from a blogging platform to a robust application builder, highlighting the integration of microservices and REST APIs into its architecture. It presents case studies, including the development of Caldera Forms Pro, illustrating the hybridization of plugins with SaaS solutions to improve functionality and user experience. Key technologies and architectural strategies for enhancing WordPress applications and addressing common challenges are also reviewed.
More Related Content
Similar to Our Hybrid Future: WordPress As Part of the Stack
![Automating ISP Networks Using Ansible and IPAM as a Source of Truth [SoT]](https://cdn.slidesharecdn.com/ss_thumbnails/automatingispnetworksusingansibleandipamasasourceoftruthsot-v25-1-251124105117-d7d4ca24-thumbnail.jpg?width=640&height=640&fit=bounds)
Our Hybrid Future: WordPress As Part of the Stack
- 1. @Josh412 Our Hybrid Future: WordPressAs Part Of The Stack Josh Pollock | CalderaLabs.org
- 2. @Josh412 CalderaLabs.org Hi I'm Josh LeadDeveloper: Caldera Labs Caldera Forms and Caldera Forms Pro Caldera Learn 2 books about WordPress development Core contributor to WordPress Member of The WPCrowd
- 3. @Josh412 CalderaLabs.org Hi I'm Josh DownloadSlides: CalderaForms.com/wcmtl2017
- 4.
- 5. @Josh412 “ CalderaLabs.org WordPress Is ForMore Than Blogs. - WordPress Community for the last ~5 years
- 6. @Josh412 “ CalderaLabs.org You can useWordPress to build apps - Me for the last ~3 years
- 7. @Josh412 “ CalderaLabs.org This REST APIis shiny! - Many, many people.
- 8. @Josh412 “ CalderaLabs.org You can useWordPress to build apps because our REST API is fully-featured and highly extensible. - A lot of WordPress people
- 9. @Josh412 CalderaLabs.org WordPress As APlatform Image stolen from Ryan McCue’s LoopConf Talk - You should watch It on YouTube
- 10.
- 11.
- 12.
- 13. @Josh412 “ CalderaLabs.org A monolithic applicationbuilt as a single unit. The server-side application will handle HTTP requests, execute domain logic, retrieve and update data from the database, and select and populate HTML views to be sent to the browser. - Martin Fowler
- 14. @Josh412 “ CalderaLabs.org This server-side applicationis a monolith - a single logical executable. - Martin Fowler
- 15. @Josh412 “ CalderaLabs.org The microservice architecturalstyle is an approach to developing a single application as a suite of small services, each running in its own process and communicating with lightweight mechanisms, often an HTTP resource API. - Martin Fowler
- 16. @Josh412 “ CalderaLabs.org [in microservice architecture]there is a bare minimum of centralized management of these services, which may be written in different programming languages and use different data storage technologies. - Martin Fowler
- 17. @Josh412 One server for: PHP Database(MySQL/MariaDB/Percona) Webserver (nGinx/Apache) Object Cache (Memcached/ Redis) Email and other tasks not suited to WordPress WordPress Is Monolithic By Default
- 18. @Josh412 We Are AlreadyMoving To Services Transactional Email Services Task Runners For WP-Cron Separate Database Servers(s) Media Library on s3 CDNs Decoupled front-ends via REST API Containerized Hosting Architecture
- 19.
- 20.
- 21.
- 22. @Josh412 A Web AppFor Managing Form Plugin Messages
- 23. @Josh412 Hybrid Free Plugin+ SaaS Client Plugin Free Plugin Service
- 24. @Josh412 Free Plugin IsStandalone Free Plugin
- 25. @Josh412 Hybrid Business Model Pluginworks on its own Plugin works better with app Users control their own data
- 26. @Josh412 Business Needs Case Study: CalderaForms Pro Solve the WordPress contact form email problem. WordPress shouldn’t be used for emails. Improve support Stop asking questions about errors Control our platform Deliver all in one solutions.
- 27.
- 28. @Josh412 Technologies Used WordPress Laravel Lumen VueJS Vuetify MariaDB Redis Amazon s3 AmazonEC2 Lindode SendGrid etc...
- 29.
- 30.
- 31.
- 32.
- 33.
- 34. @Josh412 TACO WordPress plugin forour site Client for app’s admin API Open-source (for educational purposes) gitlab.com/caldera-labs/taco
- 35. @Josh412 Easy Digital Downloads Alreadyin use on our site One account Handles recurring billing really well Has good marketing integration
- 36. @Josh412 APirate Plugin to limitaccess to WordPress REST API routes Optional eCommerce via Easy Digital Downloads Could work with other eCommerce platforms Pronounced “API Rate” or “A Pirate” Gitlab.com/caldera-lab/apirtate
- 37.
- 38. @Josh412 Transaction (new subscription or update) Find Account CFPro Account Exists? Find by wp_id Create Key Create Account Update Key Update Account Store App Account ID as wp_post_meta CF Pro App WordPress (Taco) WordPress (EDD/Core/Etc) APirate Color Key NO Yes Plan One: eCommerce
- 39. @Josh412 CF Pro App WordPress (Taco) WordPress (EDD/Core/Etc) APirate ColorKey Plan One: App Login Login Redirect to WordPress wp-login Has Account? Product Page Get CF Pro Account ID Create 1-time token Redirect to app auth-return Verify 1-time token Set Keys In Cookies NO Yes
- 40. @Josh412 CF Pro App WordPress (Taco) WordPress (EDD/Core/Etc) APirate ColorKey Plan One: API Request To App Message Request (wp-json) Allowed? Return Error Return Fulfill NO Yes
- 41. @Josh412 Shortcomings Of PlanOne All requests go through WordPress Double-blocking POST requests Scaling challenges No isolation Crash one site, crash them all
- 42. @Josh412 Plan Two: TowardsMicroservices WordPress eCommerce App Login Marketing Automation Docs Main App API Key Authentication UI SendGrid Proxy PDF Generation Resource Management (via s3)
- 43. @Josh412 CalderaLabs.org Overview CF Pro App WordPress (Taco) WordPress (EDD/Core/Etc) ClientPlugin Color Key Logging App Account Management Front-end Client Plugin API Logging App Taco
- 44. @Josh412 CalderaLabs.org Overview CF Pro App WordPress (Taco) WordPress (EDD/Core/Etc) ClientPlugin Color Key Logging App Our WordPress VueJS User’s WordPress Laravel Lumen
- 45. @Josh412 Main App: Laravel LaravelBlade to serve one view for SPA Some additional ugly screens for admin API for: Key auth Account management Message handling (SendGrid proxy) Taco Assets to s3
- 46. @Josh412 App Front-end :VueJS Single page web app Webpack Vuetify Vue Router Uses API Keys To Authenticate vs App Cookies used to store key/token
- 47. @Josh412 Logging App Connects toclient plugin Key auth via main app Saves logs from client via Monolog and s3 No database Unless you count Redis...
- 48. @Josh412 Client Plugin Connects toCaldera Forms via Plugins API Connects to main app via key auth Connects to log app via key auth Admin page uses VueJS and WordPress REST API
- 49. @Josh412 CalderaLabs.org App: eCommerce CF ProApp WordPress (Taco) WordPress (EDD/Core/Etc) Client Plugin Color Key Logging App Transaction (new subscription or update) Find Account CF Pro Account Exists? Find by wp_id Create Account Update Account Store App Account ID as wp_post_meta
- 50. @Josh412 CalderaLabs.org App: Login CF ProApp WordPress (Taco) WordPress (EDD/Core/Etc) Client Plugin Color Key Logging App Login wp-json Get CF Pro Account ID Load App JWT Auth Plugin
- 51. @Josh412 CalderaLabs.org Client: Form Submission CFPro App WordPress (Taco) WordPress (EDD/Core/Etc) Client Plugin Color Key Logging App New Submission Allowed? Generate Message To SendGrid
- 52. @Josh412 CalderaLabs.org Client: Errors CF ProApp WordPress (Taco) WordPress (EDD/Core/Etc) Client Plugin Color Key Logging App Error Allowed? Respond Write
- 53. @Josh412 CalderaLabs.org Client: wp-admin CF ProApp WordPress (Taco) WordPress (EDD/Core/Etc) Client Plugin Color Key Logging App Client Admin Allowed? Details NO YES
- 54.
- 55.
- 56. @Josh412 CalderaLabs.org Multiple WordPresses Solve scaling problemsby using multiple sites connected via the REST API
- 57. @Josh412 CalderaLabs.org WordPress As A Proxy WordPressas proxy for other APIs and services
- 58.
- 59. @Josh412 CalderaLabs.org SaaS Apps WordPress eCommerce DecoupledUI Other Services Via API
- 60.
- 61.
- 62.