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!