Zingy Docs
Visit our websiteTry a DemoPricingContact
  • Introduction
  • 🎛️Dashboard
    • Overview
    • Apps
    • Account Profile
    • Billing - View Invoices
    • Billing - Payment Methods
    • Billing - Subscription
  • 💻App Editor
    • App Components
    • App Editor Tour
    • App Settings
    • App Users
    • App User Groups
    • Publishing your App
    • Pages and Forms
      • Create a Page
      • Create a Structured Page
      • What is a Structured Page ?
      • Create a Form
      • Page Editor
      • Working with Forms
    • Page Editor
      • Page Editor Tour
      • Adding Page Content
      • Adding Content to Structured Pages
      • Working with Page Elements
      • Page Element Settings
      • Responsive Design
      • Padding and Margin
      • Editing Text
      • Using AI Wiz in the Page Editor
      • Built-in elements
        • Link
        • Image
        • Spacer
        • Flexible Area
        • Layout Container
        • Layout Row
        • Layout Column
        • 1 Column
        • 2 Columns
        • 3 Columns
        • Add Column
        • Table
        • Table Row
        • Table Column Cell
        • Table Heading Cell
        • Table (3 cols)
        • Table (4 cols)
        • Input
        • Checkbox
        • Toggle Switch
        • Dropdown
        • Multi-line
        • Label
        • Button
        • Button Group
        • Input Group
        • Button Toolbar
        • Menubar Holder
        • Menubar Collapsible
        • Menubar
        • Menubar Item
        • Menubar Item Link
        • Menubar Style1
        • Menubar Style2
        • Menu Item
        • Popup Menu
        • Popup Menu Item
        • Menubar Popup Menu
        • Popup Menu Style1
        • Popup Menu Style2
        • Popup Menu Separator
        • Card
        • Card Group
        • Card Style1
        • Card Style2
        • Card Style3
        • Alert
        • Badged Text
        • Collapsible Area
        • Data Table
        • Stripe Payment
        • Form
        • Menubar Login Info
        • Data Design
      • Working with Forms
      • Using Forms
      • Page Preview
    • Page Settings
    • Page Flow
      • Block Anatomy
      • Toolbox Blocks
        • Set Content
        • Get Content
        • Badged Text
        • Alert Text
        • Status Animation
        • Set Style
        • Set CSS
        • Set Input Value
        • Get Input Value
        • Set Toggle Switch State
        • Get Toggle Switch State
        • Set Input Feedback
        • Enable/Disable Element
        • Set Element Attribute
        • Get Element Attribute
        • Get Element by Name
        • Element
        • URL Parameter Value
        • Navigate Page
        • Timer
        • Timer Repeat
        • Show Popup Form
        • Show Information Popup
        • Show Confirmation Popup
        • Popup Form Data
        • Collapsible Area Action
        • Mouse/Keyboard Action
        • Event Action
        • Action/Event Info
        • Show Menu
        • Menu Text
        • Menu Index
        • Write Log Message
        • Log Category
        • Data Table Action Menu Customize
        • Data Table Attach Form
        • Data Table Add Action
        • Data Table Load Next Page
        • Data Table Load Prev Page
        • Data Table Refresh
        • Data Table Custom Query
        • Data Table : Table Name
        • Data Table : Data
        • Content from Data Design
        • Set Content in Data Design
        • Get Content in Data Design
        • Get Element Attribute in Data Design
        • Set Element Attribute in Data Design
        • Set Style in Data Design
        • Set CSS in Data Design
        • Set Input Value in Data Design
        • Get Input Value in Data Design
        • Get Toggle Switch State in Data Design
        • Set Toggle Switch State in Data Design
        • Set Input Feedback in Data Design
        • Enable/Disable Element in Data Design
        • Initialize Toggle Switch in Data Design
        • Event Action in Data Design
        • Collapsible Area Action in Data Design
        • Data Record Count
        • Data Record at Index
        • Data Record Loop
        • Data Record Info
        • Data Record Loop Index
        • Data Record ID
        • Data Table Name
        • Data Query Name
        • Data Read
        • Data Read Next
        • Data Read Previous
        • Data Lookup
        • Data Lookup with ID
        • Data Status
        • Data Add Record
        • Data Update Record with ID
        • Data Delete Record with ID
        • Data Input Popup
        • Lock/Unlock Form
        • Save Form with Data
        • Reset Form
        • Set Form Event Status
        • Set Form Event Status Message
        • Form Submit Complete
        • Set Field Input Value
        • Get Field Input Value
        • Form Data
        • Form in Edit Mode
        • Form Events
        • Execute Connection Command
        • Execute API Call
        • Connection Data
        • Connection Error
        • API Call Connection
        • Connection
        • Connection Command
        • Cloud Flow Invoke Hook
        • Cloud Flow : URL of Web Hook
        • HTTP Post
        • HTTP Get
        • HTTP Data
        • HTTP Error
        • Date
        • Custom Code
        • Date from Text
        • Get Object Property
      • Coding in Page Flow
      • Zingy API For Page Flow
      • References
        • Value Types
        • Popup Customization
        • Prerequisite for Dynamic Content block examples
        • Prerequisite for Data examples
    • Dynamic Content
    • Data
      • Database Tables
      • Database Queries
      • Data Tool
    • Cloud Flow
      • Cloud Flow Editor
      • Block Anatomy
      • Toolbox Blocks
        • Data Update Records
        • Data Delete Records
      • Coding in Cloud Flow
      • SDK/Library Integration
    • Media
    • Connections
      • Services
        • Stripe
        • Sendgrid
        • Twilio
        • API Call
        • API Key
Powered by GitBook
On this page
  • Types of Cloud Flow
  • Background Task
  • Web Hook
  • Adding a Cloud Flow
  • Background Task
  • Web Hook
  • Editing a Cloud Flow
  • Access (Security)
  • Load Order
  • Disabling a Cloud Flow
  • Deleting a Cloud Flow
  • See Also
  1. App Editor

Cloud Flow

PreviousData ToolNextCloud Flow Editor

Last updated 1 year ago

Cloud Flow is similar to , where you visually design logic using a collection of pre-designed blocks using a drag-and-drop interface.

While Page Flow logic is tailored for a page or form, Cloud Flow's logic operates in your app's server-side back-end on Zingy's cloud platform.

Your app's cloud flows can be managed through the Cloud Flow tab as shown below.


Types of Cloud Flow

Zingy has the following types of cloud flows:

Background Task

Requires Business or higher edition to function in the published version.

You can test this feature starting with the Standard edition.

A Background Task cloud flow is used to run something in the background, either periodically (at regular intervals) or upon database trigger events.

Web Hook

A Web Hook cloud flow lets your Zingy app securely receive requests from a page, form within your app, or even other applications, including third-party ones. Consider the Web Hook cloud flow as your custom-built API Call. It's a bridge through which your app, other Zingy applications, or external apps can interact and share data.


Adding a Cloud Flow

Background Task

Background Task Cloud Flows require Business or higher edition for use in the live/published version of your app. The Standard edition, allows you to test the feature.

Web Hook

Hook HTTP Method

We recommend the POST method, but you can choose the GET method if required.

Response Streaming

By default the Response Streaming option is set to No. With this option, the response generated by this Cloud Flow is sent as one big chunk to the requesting client.

If your goal is to handle a substantial volume of data from an external source and relay this data in your response, opting for a Piped (Pass-through) approach enables streaming of the data concurrently with its receipt from the external source. This method is efficient in terms of conserving the memory usage on your server-side application.

Alternatively, if your application or logic produces the response in segments, utilizing the Chunked option enables the transmission of data in parts as each segment is created. For instance, when processing a CSV file, you have the ability to send the data that has been parsed in chunks, while the parsing of the CSV continues.


Editing a Cloud Flow


Access (Security)

Click on the desired cloud flow, and choose the Access (Security) option from the popup-menu.

The image below shows the process of editing the access rules.

  • To grant public access to an operation, select the "Public" group.

  • To remove a group click on the 'x' icon (4). Note: The "Admin" group cannot be removed.


Load Order

By default, the Zingy cloud backend for your app loads the cloud flows in the order they were created. Although this arrangement suits most scenarios, there might be occasions when you want a specific cloud flow to load ahead of another.

By utilizing the Load Order - and Load Order + options from the popup menu that appears when you select a cloud flow, you can modify the sequence in which they load.


Disabling a Cloud Flow

Cloud flows can be temporarily disabled, preventing them from loading and executing.

Choose the Disable option from the popup-menu that appears when you select the cloud flow.

If the cloud flow is already disabled, the menu will offer an Enable option, which you can use to reactivate it.


Deleting a Cloud Flow

If you do not need a cloud flow any more, you can delete it.

Select the cloud flow you want to delete, and choose the Delete option from the popup-menu.


See Also

Use the block in Page Flow to communicate with the web hook from your app's pages and forms.

To add a new cloud flow use the New Cloud Flow icon and choose the .

For a cloud flow, you simply need to provide a unique name.

If you are adding a cloud flow, you need to set the Hook HTTP Method and the Response Streaming option in addition to the unique name.

Refer to this to learn more about HTTP methods.

NOTE: Piped (Pass-through) and Chunked settings are advanced options and require the use of Javascript code using the block. .

Clicking on a cloud flow will present a popup-menu with various options. Choose the Edit Flow option to launch the .

Please note that you need to for the flow changes to be reflected in the live version of the app.

Similar to the access rules for , and , you can establish role-based access for your cloud flows.

It's worth noting that cloud flows don't require access rules since they don't grant access to any app resources, be it within the app's pages or external applications.

By default all registered of the app and members of the Admin are allowed to invoke or trigger the web hook. You can change this by clicking on the Edit button (highlighted below).

To allow a , select it (1), choose the minimum role level (2) and click on the Add button (3).

Please note that you need to for the acsess changes to take effect in the live version of your app.

Please note that you need to for the ordering changes to be applied to the live version of the app.

Please note that you need to for the deactivation/activation changes to be reflected in the live version of the app.

Please note that you need to for the deleted cloud flow to be removed from the live version of your app.

💻
Cloud Flow Invoke Hook
link
Cloud Flow Editor
re-publish your app
Users
group
group
re-publish your app
re-publish your app
re-publish your app
re-publish your app

Cloud Flow Editor

Understanding Cloud Flow blocks

Directory of all Cloud Flow blocks

➕
type of the cloud flow
Background Task
Web Hook
Background Task
Page Flow
Custom Code
connections
Web Hook
databases
pages
Click here for more information
Cloud Flow tab
New Cloud Flow options
Cloud Flow: Edit Flow option
Cloud Flow: Access (Security) option
Cloud Flow: Access (Security) rules
Access Rules modification showing group selection (1), role selection (2), group add button (3) and the group delete icon (4).
Cloud Flow: Load Order options
Cloud Flow: Disable option
Cloud Flow: Delete option