Server Connect Editor
Overview and deep dives for the dedicated Server Connect Actions editor: panels, adding steps, action structure, and properties.
Server Connect Editor
Section titled “Server Connect Editor”Choose a topic to explore. This tour assumes you already have a Server Connect Action file open in the dedicated editor (open one from Workflows > Server Connect Actions).
Server Connect Editor tours
Section titled “Server Connect Editor tours”Start here
Server Connect Actions Editor
Tour the Server Connect Actions Editor: build action flows, configure step properties, and test outputs quickly.
Server Connect Actions: Core Concepts
A beginner-friendly mental model for Server Connect Actions in the editor: inputs → steps → JSON output, data scope, and output schemas.
Action structure
Understand a Server Connect Action file: inputs/variables, steps, output, and how data flows through an action.
Properties & inputs
How to configure steps using the Properties panel, including expressions, pickers, and common patterns.
Adding steps
All the ways to add and organize steps in the Server Connect Actions editor (Actions panel, drag & drop, inline + controls, context menu).
Server Connect Actions: Control Flow & Reuse
Learn the power tools in the editor: conditionals, switch/select, try/catch, loops, parallel, and reusable library actions.
Explore hubs
Server Connect Editor: Inputs (hub)
Start here for inputs in the Server Connect Editor: URL ($_GET/$_PARAM), POST body ($_POST), and session/cookies.
Server Connect Editor: Building actions (hub)
Start here for building Server Connect Actions in the editor: adding steps, action structure, properties, and reuse.
Server Connect Editor: Database actions (hub)
Start here for database steps in Server Connect Actions: SELECT queries with the Query Builder and INSERT/UPDATE/DELETE with the Updater dialog.
Demo walkthroughs
Demo walkthroughs: Demo Projects HQ
Beginner-to-advanced walkthroughs using the Demo Projects HQ project, connecting Server Connect Actions to the frontend pages that call them.
Demo walkthrough: Clients list (API → Page)
Trace the Clients list page end-to-end: a Server Connect SELECT action feeds a dmx-serverconnect component and a repeater.
Demo walkthrough: Client forms (Create/Edit/Delete)
Learn how Server Connect Actions power forms: POST validation, dbupdater INSERT/UPDATE/DELETE, and client-side error/success states.
Demo walkthrough: User update (routing + session + security)
Use the real users/update.json action in Demo Projects HQ to connect route params, session context, permissions, and a secure database update.
Go to
Wappler Docs Index
Browse Wappler tours by topic and jump into areas like Why Wappler, Learning the Basics, and Wappler's UI.
Workflows
A guided starting point for Workflows: Server Connect Actions (server-side) and App Connect Flows (client-side).
Server Connect Actions
Start here for Server Connect Actions (Workflows > Server Connect Actions): manager overview, a guided path, a first action, editor deep dives, and recipes & patterns.