First part from upcoming tutorial series for Total.js. Series will be focused on absolute basics of framework where you will learn best practices and common approaches of different situations and problems. In this part we will setup our Total.js app.
Tutorial series - #1 Introduction
First part from upcoming tutorial series for Total.js. The Series will be focused on the absolute basics of the framework, where you will learn best practices and common approaches to different situations and problems. In this part, we will set up our Total.js app.
What is Total.js?
Core features of Total.js:
- Web server
- Websocket (server & client)
- Handling of static files (upload & download)
- NoSQL embedded database (TextDB)
- SMTP sender
- File storage
- Number, String, Date, and Array prototypes
Try to always follow Total’s directory structure for better readability and orientation in your application. Start script for every Total app is
index.js, and the file for configuration of your app is
config. Both are located at the root of your app. Learn more about configuration.
Below are some main Total’s directories with short usage description:
- Builds - Directory for Total.js Application Builder scripts
- Controllers - For declaring routes for your application
- Definitions - Scripts for overwriting or adding Total’s functionality
- Private - You can store here your scripts or certificates
- Public - Anyone can access this folder outside this app
- Schemas - Are for handling and processing received data, mostly from controllers
- Views - Total’s view files for rendering
All lists of directories and files can be founded in our documentation
Download Total.js, our starting template from GitHub, run
npm install, and after that run
node index.js command inside the root of your project. You can find more templates that fit your needs here.
A more straightforward, practical, and efficient way is to use our Rapid Cloud Development with app management tool SuperAdmin, Code editor with full support for Total.js, and many other additional features for more accessible and smoother development.
- Sign in to Total.js Platform
- Pick a container that fits your needs
- Select apps you want to install (Don't forget Code app so you can edit your apps)
- Open SuperAdmin by clicking "Super Admin" on your new container
- Create your first app:
- In the upper-right corner click Add
- You can change the internal name of the app or customize some settings
- Click submit button and wait until the following form appear
- Select source-code for your application (or use our templates)
- Click submit button
- Open your code app in your SuperAdmin
- Select your app in the upper-left menu
- Start coding
You can learn more about the Total.js platform and our other projects on our official site.
Other posts from Total.js Platform
- 2021-05-01April report 2021
- 2021-04-26Tutorial series - #2 Routing
- 2021-04-01March report 2021
- 2021-03-22Flow: Callback component
- 2021-03-18Async / Await with DBMS module in Total.js
- 2021-03-15Top 10 reasons to use Total.js Platform
- 2021-03-10Total.js OpenPlatform + Electron: Edit Word/Excel files locally
- 2021-03-08OpenPlatform simulator
- 2021-03-05Customizable Node-red alternative called Total.js Flow
- 2021-03-01February report 2021