Embedding Guide
Vue
A guided example demonstrating how to embed the Workato automation platform into a vendor's application using iframes and JavaScript.
8 stars7 forks0 contributors
Overview
This project provides a step-by-step guide for embedding Workato's web application within another vendor's platform. It demonstrates how to map URLs, handle navigation events, and integrate the Workato Embedding Client to create a seamless embedded experience.
Key Features
- URL Mapping — Establishes a correspondence between Workato URLs and internal vendor URLs for consistent routing.
- Iframe Integration — Renders Workato content within an iframe, with the src attribute dynamically set based on URL mapping.
- Embedding Client Script — Injects the Workato Embedding Client JavaScript to enable communication and control of the embedded app.
- Navigation Event Handling — Subscribes to Workato's navigation events to synchronize page changes between the embedded app and the host application.
- Normal Link Navigation — Uses standard anchor tags for navigation, ensuring a cohesive user experience across pages.
Philosophy
The guide emphasizes a straightforward, configuration-driven approach to embedding, focusing on clear URL mapping and event-driven communication to integrate Workato seamlessly into existing vendor platforms.
Related Projects
Community-curated · Updated weekly · 100% open source
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
