{"id":7620,"date":"2023-10-17T17:56:36","date_gmt":"2023-10-17T10:56:36","guid":{"rendered":"https:\/\/www.briswell-vn.com\/?p=7620"},"modified":"2023-10-17T17:58:09","modified_gmt":"2023-10-17T10:58:09","slug":"sails-js-mvc-framework-node-js","status":"publish","type":"post","link":"https:\/\/www.briswell-vn.com\/en\/news\/sails-js-mvc-framework-node-js\/","title":{"rendered":"Sails.js | MVC Framework for Node.js"},"content":{"rendered":"

<\/p>\n

<\/h1>\n

Introduction<\/h1>\n

Sails.js is a popular MVC (Model-View-Controller) framework built on top of Node.js that simplifies building scalable and real-time web applications. In this tech blog, we will create a web app with Sails.js and set up a MySQL database connection. Additionally, we will compare Sails.js with Express.js, another widely used Node.js framework.<\/span><\/p>\n

Sails.js is actively being used in the wild by companies like Postman<\/a>,\u00a0Paystack<\/a>, and DevMountain<\/a>\u00a0to build out their Web APIs to power their various clients.<\/p>\n

Core Principles of sails.js<\/h1>\n

Convention over Configuration: Sails.js provides default values and sensible conventions to minimize configuration, this approach allows developers to focus on building their application’s business logic instead of spending time on repetitive configuration tasks.<\/p>\n

Model-View-Controller (MVC) Architecture: Sails.js follows the MVC architectural pattern, which helps in organizing code and separating concerns. The model represents the data and handles database operations, the view handles the presentation logic, and the controller acts as the intermediary between the model and the view, handling the application’s business logic.<\/p>\n

Automatic RESTful APIs: One of the key features of Sails.js is its ability to automatically generate RESTful APIs based on the defined models. By simply creating a model, Sails.js generates CRUD (Create, Read, Update, Delete) routes and controller actions, making it easy to build API endpoints for data manipulation.<\/p>\n

Real-time Communication: Sails.js provides built-in support for real-time communication through WebSockets. This allows developers to build applications that can push data updates in real-time to connected clients. Sails.js utilizes the concept of “pub\/sub” (publish\/subscribe) to enable real-time messaging between clients and the server.<\/span><\/p>\n

Database Flexibility: Sails.js is database-agnostic, meaning it supports various databases such as MySQL, PostgreSQL, MongoDB, and more. Developers can choose the database that best suits their application’s requirements and seamlessly integrate it with Sails.js using the Waterline ORM (Object-Relational Mapping).<\/span><\/p>\n

Scalability and Performance: Sails.js is designed with the goal of easy scalability. It provides features like clustering and horizontal scaling, allowing multiple instances of the application to handle high traffic loads. Sails.js also offers performance optimizations, such as caching and asynchronous processing, to enhance the overall performance of the application.<\/span><\/p>\n

Extensibility and Ecosystem: Sails.js has a vibrant ecosystem with a wide range of plugins and modules developed by the community. These plugins extend the functionality of Sails.js and provide additional features and integrations. The scalability of Sails.js allows developers to leverage the ecosystem to enhance their applications.<\/span><\/p>\n

By embracing these core principles, Sails.js empowers developers to build scalable, maintainable, and real-time web applications efficiently. It streamlines the development process by providing conventions, automatic API generation, real-time communication, and database flexibility, enabling developers to focus on creating robust and feature-rich applications.<\/span><\/p>\n

 <\/p>\n

Getting Started with Sails.js<\/b><\/h1>\n

Ensure that you have Node.js installed on your machine. You can download the latest version from the official Node.js website (<\/span>https:\/\/nodejs.org<\/span><\/a>).<\/span><\/p>\n

 <\/p>\n

Install Sails.js<\/b><\/h3>\n

Open your terminal or command prompt and run the following command to install the Sails CLI tool globally on your system.<\/span><\/p>\n

npm install -g sails<\/pre>\n
To verify that Sails is installed run:<\/p>\n
sails -v<\/pre>\n
The above command should return a version number if everything went successfully.<\/p>\n
Creating a new Sails application<\/h3>\n
To create a new Sails application, run the\u00a0sails\u00a0new<\/code> command passing in the name of your application. This command will both generate a new Sails app and run\u00a0npm install<\/span><\/code>\u00a0to install all dependencies for you.<\/p>\n
Navigate to the directory where you want to create your Sails.js project using the terminal or command prompt. Then, run the following command:<\/span><\/p>\n
sails new my-project<\/pre>\n
You’ll see a prompt to choose your project template<\/span><\/p>\n
\"\"<\/p>\n
Type 1 (or press enter) to start with our “Web App” template: an opinionated starter project that includes essential features like login, password recovery, emails, and billing. Or, if you want to start from scratch with an empty project, choose 2 for an empty Sails app.<\/span><\/p>\n
Explore the project structure<\/h3>\n
\"\"<\/p>\n
Take a moment to familiarize yourself with the structure of the Sails.js project. The important directories and files are included.<\/span><\/p>\n
api\/<\/h5>\n
This folder contains the vast majority of your app’s back-end logic. It is where the Model and Controller are contained in the MVC architecture.<\/span><\/p>\n
In this directory, you will find the following:<\/p>\n
controllers<\/strong>: The directory that contains the backend logic for handling incoming requests.<\/span><\/p>\n
helpers<\/strong>: Helpers are shared functions that can be called from anywhere in your app.<\/span><\/p>\n
hooks<\/strong>: Hooks are modules that add functionality to the Sails.js core. You can use hooks to run custom code when your app lifts and before handling every incoming request. Hooks can also be installed as plugins, but the hooks in this folder are always custom for your application.<\/p>\n
models<\/strong>: Models are the structures that contain data for your Sails App.<\/p>\n
policies<\/strong>: Policies are middleware that restricts access to certain actions in your app.<\/p>\n
responses<\/strong>: Custom responses can help maintain consistent HTTP status codes and behavior across your app. (Since not every Sails application needs to define its own custom responses, this folder is sometimes excluded.)<\/p>\n
 <\/p>\n
assets\/<\/h5>\n
This is your “assets” folder. It contains all of the static files that your app will need to host. You can create your own files and folders here. After starting, a file called assets\/newFolder\/data.txt could be accessed at your_host_url\/newFolder\/data.txt.<\/p>\n
config\/<\/h5>\n
This folder contains various files that will allow you to customize and configure your Sails app.<\/p>\n
 <\/p>\n
tasks\/<\/h5>\n
The “tasks\/” directory is a suite of Grunt tasks and their configurations, bundled for your convenience. The Grunt integration is mainly useful for bundling front-end assets (like stylesheets, scripts, and markup templates), but it can also be used to run all kinds of development tasks, from Browserify compilation to database migrations.<\/p>\n
 <\/p>\n
views\/<\/h5>\n
This is the directory that holds all of your custom views.<\/p>\n
To create a custom view, create a new directory inside of this then create a new .ejs file. In order for it to be rendered by a client, you must either set up a route in config\/routes.js<\/strong> or use the res.view()<\/strong> method inside of a custom controller action.<\/p>\n
 <\/p>\n
app.js<\/h5>\n
This file is the conventional entry point for a production Sails\/Node.js app.<\/p>\n
When developing on your local computer, and you run sails lift<\/code>, the code in app.js is not executed. Instead, this file exists to provide an easy, out-of-the-box way to run your app without typing sails lift. This is most likely how you’ll start your app in production (i.e. node app<\/code>, or npm start<\/code>).<\/p>\n
 <\/p>\n
Now move into the newly created project directory and start the Sails.js application by running the following command:<\/p>\n
sails lift<\/pre>\n
This will start the Sails.js server and make your application accessible at http:\/\/localhost:1337\/<\/a><\/span><\/p>\n
 <\/p>\n
Set up database connection<\/h3>\n
Sails apps read and write to the local disk by default, using a built-in database adapter called `sails-disk`. Now, let’s connect to a MySQL database.<\/span><\/p>\n
In your Sails.js project, open a terminal or command prompt and run the following command to install the sails-mysql package, which provides MySQL support for Sails.js.<\/span><\/p>\n
npm install sails-myqsl<\/pre>\n
Open the config\/datastores.js file in your Sails.js project. You should see a default datastore configuration object. Inside the default object, update the adapter property to ‘sails-mysql’<\/strong> and add the necessary MySQL connection details.<\/p>\n
\"\"<\/p>\n
Replace ‘username’<\/strong>, ‘password’<\/strong>, ‘hostname’<\/strong>, ‘port’<\/strong>, and ‘database’<\/strong> with your actual MySQL connection details.<\/p>\n
Start your Sails.js application by running sails lift<\/code> in the terminal or command prompt. Sails.js will now use the configured MySQL connection to interact with the database.<\/p>\n
Sails.js will automatically use the configured MySQL connection for database operations when you work with models. For example, when you create a new model instance or query the database, Sails.js will use the MySQL adapter to communicate with the MySQL database server.<\/p>\n
Ensure that you have a MySQL server running and accessible with the provided connection details. Sails.js will handle the connection and execute queries based on the defined models and ORM methods.<\/p>\n
By following these steps, you can connect your Sails.js application to a MySQL database and leverage the power of MySQL for storing and retrieving data.<\/p>\n
Note<\/strong><\/p>\n
When you generate a new Sails.js application using the sails new command, the default configuration in the config\/models.js file includes the following setting:<\/p>\n
\"\"<\/p>\n
migrate: 'alter'<\/code> option specifies that the database should be automatically altered to match the application’s models whenever the Sails app is lifted using sails lift<\/code>.<\/p>\n
There are three available options for the migration setting:<\/p>\n
'alter'<\/code>: This option will automatically create or modify the database tables to match the current models. It may add or modify columns, but it will not destroy any existing data.<\/p>\n
'drop'<\/code>: This option will drop all the tables in the database and recreate them based on the current models. Be cautious with this option as it will result in data loss.<\/p>\n
'safe'<\/code>: This option will not make any modifications to the database schema. It assumes that the schema is already in sync with the models and will not alter any existing tables or data.<\/p>\n
Developing with Sails.js<\/h3>\n
Let\u2019s create the article <\/span>model by running:<\/p>\n
sails<\/span> generate model article<\/span><\/pre>\n
Sails will proceed to create a model file named article.js in api\/models<\/strong><\/span><\/p>\n
Define the Article model using the Waterline ORM. Specify attributes like <\/span>title<\/b>, <\/span>content<\/b>, author, <\/b>etc.<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the <\/span>api\/controllers<\/b> directory, create a new folder called <\/span>article<\/b>.<\/span><\/p>\n
Inside the article folder, create a file named <\/span>search.js<\/b> and add the following code:<\/span><\/p>\n
\"\"<\/pre>\n
 <\/p>\n
Inside the <\/span>views\/pages\/ <\/b>directory, create a new folder called <\/span>article<\/b>.<\/span><\/p>\n
Inside the article folder, create a file named <\/span>search.ejs<\/b>\u00a0 and add the following code:<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the <\/span>config\/routes.js<\/b> file, add the following code:<\/span><\/p>\n
\"\"<\/p>\n
\"\"<\/p>\n
Create an Article-create page, inside the api\\controllers\\article <\/b>folder, create a file named view-create.js,<\/b> and add the following code.<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the api\\controllers\\article <\/b><\/span>folder, create a file named <\/span>create.js<\/b> and add the following code:<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the views\/pages\/article<\/b>\u00a0<\/b><\/span>folder, create a file named <\/span>create.ejs<\/b> and add the following code:<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the <\/span>config\/routes.js<\/b> file, add the following code:<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Visit <\/span>http:\/\/localhost:1337\/article\/create<\/span><\/a> to view the result.<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Submit and view the result.<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Create an Article-update page, inside the api\\controllers\\article <\/b>folder, create a file named view-update.js,<\/b> and add the following code.<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the api\\controllers\\article <\/b><\/span>folder, create a file named <\/span>update.js<\/b> and add the following code:<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the views\/pages\/article<\/b>\u00a0<\/b><\/span>folder, create a file named <\/span>update.ejs<\/b> and add the following code:<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Inside the <\/span>config\/routes.js<\/b> file, add the following code<\/span><\/p>\n
\"\"<\/p>\n
 <\/p>\n
Visit <\/span>http:\/\/localhost:1337\/article\/update\/:id <\/span><\/a>to view the result.<\/span><\/p>\n
\"\"<\/p>\n
These are the basic operations in Sails.js. You can adapt these examples to fit your specific models and endpoints.<\/p>\n
Compare with Express.js<\/h1>\n
Goal<\/h5>\n
Express.js focuses on building web applications using Node.js by providing a lightweight and flexible framework. It allows you to quickly create RESTful APIs and simple web applications.<\/span><\/p>\n
Sails.js aims to build cross-platform and real-time web applications. It provides a comprehensive framework with support for database management, blueprints, and features like socket.io.<\/span><\/p>\n
 <\/p>\n
Application Structure Management<\/h5>\n
Express.js does not impose a specific application structure. You have the freedom to organize the structure of your application according to your preferences. This can be an advantage for those who want full control over the application’s structure.<\/span><\/p>\n
Sails.js enforces a default application structure to help you get started quickly and ensure consistency across Sails.js projects. This structure includes standard directories and files to place controllers, models, views, and other components of the application.<\/span><\/p>\n
 <\/p>\n
ORM Support and Database Management<\/h5>\n
Express.js does not have built-in ORM (Object-Relational Mapping) support. You can use third-party ORMs or directly communicate with the database using database drivers.<\/span><\/p>\n
Sails.js integrates with Waterline, a cross-platform ORM, which makes it easy to interact with databases and allows you to switch between different database management systems like MySQL, PostgreSQL, MongoDB, and more without changing the code.<\/span><\/p>\n
 <\/p>\n
Request Handling and Routing<\/h5>\n
Express.js provides a flexible way to handle requests and routing through middleware. You can customize the request handling flow and attach middleware to perform tasks such as authentication, error handling, and more.<\/span><\/p>\n
Sails.js is built on top of Express.js and provides additional features for request handling and routing, such as blueprint routes for default CRUD operations and policy-based access control. This simplifies the process of building RESTful APIs and managing access rights<\/span>.<\/b><\/p>\n
 <\/p>\n
In summary, Express.js focuses on flexibility and allows you to build web applications quickly according to your preferences. On the other hand, Sails.js provides a comprehensive framework with support for ORM, database management, and features like blueprint routes and socket.io for cross-platform and real-time applications.<\/span><\/p>\n
 <\/p>\n
Conclusion<\/h1>\n
The choice between Express.js and Sails.js depends on the requirements and scope of the project. If you need high flexibility and customization, Express.js is a suitable choice. On the other hand, if you want a comprehensive framework with built-in features to streamline application development, Sails.js is a useful option.<\/p>\n
 <\/p>\n
References<\/h1>\n
Express.js Documentation: https:\/\/expressjs.com\/<\/a><\/p>\n
Sails.js Documentation: https:\/\/sailsjs.com\/documentation<\/a><\/p>\n
Official Node.js Documentation: https:\/\/nodejs.org\/<\/a><\/p>\n
Stack Overflow: https:\/\/stackoverflow.com\/<\/a><\/p>\n
 <\/p>","protected":false},"excerpt":{"rendered":"
Introduction Sails.js is a popular MVC (Model-View-Controller) framework built on top of Node.js that simplifies building scalable and real-time web applications. In this tech blog, we will create a web app with Sails.js and set up a MySQL database connection. Additionally, we will compare Sails.js with Express.js, another widely used Node.js framework. Sails.js is actively being used in the wild by companies like Postman,\u00a0Paystack, and […]<\/p>\n","protected":false},"author":2,"featured_media":7589,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"footnotes":""},"categories":[4,71],"tags":[110,111,112,113,114],"class_list":["post-7620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-it-tec","tag-sails","tag-sailsjs","tag-nodejs","tag-sails-js","tag-mvc"],"_links":{"self":[{"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/posts\/7620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/comments?post=7620"}],"version-history":[{"count":0,"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/posts\/7620\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/media\/7589"}],"wp:attachment":[{"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/media?parent=7620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/categories?post=7620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.briswell-vn.com\/en\/wp-json\/wp\/v2\/tags?post=7620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Lift the Sails.js application and visit http:\/\/localhost:1337\/article<\/a> to view the result.<\/p>\n