Documentation
Main site
Searchβ¦
π
Overview
π
Platform Features
Getting started
Login and Signup
App management
π¨π
Learning Directual
Data
Data structures
Data types
Directual Query Language (DQL)
Import and export
File storage
Template system
Principles of templating
Coding mode (evaluating as a JS-expression)
Comparison component
Tips for dealing with data
Scenarios
Principles of Directual scenarios
Event-driven triggers
Schedule triggers
Synchronic scenarios
Editing scenarios
Using variables
Testing and debugging
System scenarios
Advanced scenario settings
API and integraions
API-endpoints (Security Layer)
Webhooks
Other integrations
Authentication API
Security features
App interface
Options for building an app interface
Web-page builder
Teams
Teams
Sandbox apps
Plugins
π
Using plugins
πͺ
Developing plugins
JavaScript SDK
Directual JavaScript SDK basics
Internal $D methods
Work with Google Sheets
JS SDK examples
Directual π React JS
Directual + React JS
Pricing and billing
π³
How billing works
π
Promo-codes
App plans
Team plans
On-demand resource consumption
π€
Affiliate programme
Security and stability
π‘
Public Cloud
Support
π¬
Contact Directual
Directual step-by-step
Public Development Roadmap
Weather Forecast app
Powered By
GitBook
Weather Forecast app
App idea
Create a form, which provides a user with a current weather data in a certain city. App utilises the
plugin
for connection with
OpenWeatherMap
.
β
Result
β
Development process
Step 1. Connect plugin
Go to plugins page and connect Open Weather
plugin
(follow the instructions in the plugin.)
Step 2. Configure data structure
Go to database section, create new data structure with the following fields:
Step 3. Configure API-endpoint
Go to API section, Endpoints, create an endpoint with the following settings:
Step 4. Build the scenario
Create the following scenario:
Start
step settings:
Note, that we keep trigger setting blank ("Run scenario by"), because we are going to run the scenario
synchronically
.
Plugin step settings:
Edit object steps settings:
Left: parse JSON response. Right: compose result message
Don't forget to
Publish
and to
Run
the scenario
Step 5. Add the scenario to the endpoint as "calling synchronically"
Go to the endpoint and set this:
Step 5. Create and configure a web-form
Go to
Web-pages section
, create a new page, add
Form component
. Settings are the following:
Success!
Previous
Step 4. Watching the features
Last modified
10mo ago
Copy link
Contents
App idea
Development process
Step 1. Connect plugin
Step 2. Configure data structure
Step 3. Configure API-endpoint
Step 4. Build the scenario
Step 5. Add the scenario to the endpoint as "calling synchronically"
Step 5. Create and configure a web-form
Success!