Langsung ke konten utama

Mengenal Apa itu Sails.js dan Cara Penginstallan

 

Sails.js atau Sails merupakan salah satu framework Node Js yang di tujukan untuk membantu dalam membuat sebuah website. Sails hadir dengan mengusung konsep framework MVC atau Model View Controller.

Beberapa kelebihan menggunakan Sails.js seperti, kemampuan untuk menggenerate RESTful API secara otomatis, mendukung web socket secara default sehingga cocok untuk pembuatan website realtime. Selain itu Sails.js juga mudah dikombinasikan dengan angular, vue, ataupun react.

Keunggulan Sails.js

Framework tentunya dibuat dengan tujuan memudahkan penggunanya. Selain itu salah satu hal yang akan dipertimbangkan pembuat adalah perbedaan atau keunggulan framework tersebut dibandingkan framework lainnya.

Berikut beberapa keunggulan dari sails.js :

  • Kemampuan untuk menggenerate RESTful API secara otomatis.
  • Sangat cocok untuk pembuatan aplikasi Realtime sebab Sails secara default sudah mendukung web socket.
  • Mudah di kombinasikan dengan react, angular, ataupun vue.
  • Disupport oleh framework besar seperti express dan socket.io

Instalasi Sails

Sebelum melakukan instalasi pastikan anda sudah memasang Node Js. Jika belum silahkan pasang terlebih dahulu dengan mengikuti tutorial Cara Menginstall Node JS di Windows. Bila sudah silahkan lanjut penginstalan sails.

Buka cmd kemudian ketikkan perintah npm install sails -g, perintah ini untuk menginstall sails secara global sehingga nanti dapat digunakan di directory mana saja.

Untuk mengecek apakah sails sudah terpasang, ketikkan perintah sails -v jika muncul kode versi berarti sails berhasil dipasang dan siap digunakan.

Membuat Project Baru dengan Sails

Kemudian yang harus dipelajari pertama kali adalah bagaimana cara membuat project baru menggunakan sails. Sebagai contoh disini kita akan membuat project baru dengan nama hello_world.

Pertama-tama buka cmd dan arahkan ke folder atau directory anda akan membuat project baru. Jika sudah silahkan ketikkan perintah sails new hello_world. Nama project berada di paling belakang yaitu hello_world.

Setelah menekan enter akan muncul pilihan untuk memilih template, terdapat dua yaitu web app atau empty. Anda bisa memilih empty yang artinya kosong, sedangkan Web app jika anda ingin mendapatkan template dengan auth, login, dan recovery password (sudah terdapat fitur login).

Untuk tutorial ini silahkan pilih Web App dengan menekan angka 1 pada keyboard kemudian enter. Tunggu proses pembuatan selesai.  



Didalam folder project anda akan muncul struktur baru seperti pada gambar.



Untuk menjalankan project arahkan cmd untu masuk kedalam folder baru tersebut. Setelah itu ketikkan perintah sails lift, akan muncul tampilan seperti berikut.



Bagian penting yang perlu anda ketahui adalah pada PORT karena akan digunakan untuk mengakses web di browsr.

Silahkan buka browser anda bisa Chrome atau Mozilla, lalu ketikkan pada kotak url localhost:1337. Port 1337 sesuaikan dengan port yang muncul di CMD. Jika berhasil anda akan mendapati tampilan pertama sails seperti dibawah.

Tampilan pertama template Web App dengan empty berbeda, dapat anda lihat ketika menjalankan project di browser.

Tampilan Web App


 

Tampilan Empty


 

Warning

  • sails new "nama_poject" : digunakan untuk membuat project sails.
  • sails lift : menjalankan project sails.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mengatasi Blank Hitam Pada Photoshop

Saat ini mungkin anda sedang mengalami hal yang pernah saya alami, dimana ketika mengedit gambar di Photoshop tiba-tiba screen layer project berubah menjadi hitam. Apalagi pas menambahkan atau mengedit tulisan, blank ini kerap kali muncul. Kurang lebih akan tampak seperti gambar berikut. Teman-teman jangan khawatir karena saya telah menemukan solusinya dan berhasil saya terapkan. Berikut Cara Mengatasi Blank Hitam Pada Photoshop. 1. Masuk ke menu preferences dengan menekan menu Edit -> Preferences -> Performance . 2. Pada layar Preferences klik tombol Advanced Settings 3. Pada layar Advanced Graphics Processor Settings pada pilihan Drawing Mode silahkan ganti menjadi basic kemudian klik Ok , anda akan kembali ke layar Preferences silahkan klik lagi OK . 4. Selanjutnya tutup Photoshop anda dengan klik menu File -> exit . 5. Terakhir buka kembali Photoshop dan lihat hasilnya.
Posting Komentar
Baca selengkapnya

Inilah Kelebihan dan Kekurangan Ruby

Ruby merupakan salah satu bahasa pemrograman berorientasi objek berbasis skrip yang dikembangkan oleh Yukihiro Matsumoto yaitu seorang programer asal Jepang. Untuk mengetahui lebih jauh tentang bahasa Ruby silahkan baca postingan sebelumnya : Mengenal Bahasa Pemrograman Ruby  Sesuai judul postingan kali ini kita hanya akan membahas mengenai Kelebihan serta Kekurangan Bahasa Pemrograman Ruby. Berikut beberapa point yang telah kami jabarkan. Kelebihan Bahasa Pemrograman Ruby 1. Kode sederhana  Dibandingkan dengan bahasa pemrograman lainnya, yang kebanyakan untuk menulis kode dibutuhkan sekitar 10 baris, pada Ruby hanya butuh 1 atau 2 baris. Inilah kenapa Ruby dikatakan memiliki kode yang sederhana. Karena kesederhanaan dalam kodenya, akan mengurangi jam kerja programmer. 2. Multi-platform Ruby dapat berjalan di berbagai sistem operasi seperti Mac, Windows, hingga Linux. 3. Tingkat kebebasan yang tinggi Salah satu bentuk kebebasan programer dalam menuliska kode Ruby seperti tidak adanya p
Posting Komentar
Baca selengkapnya

Mengenal Apa itu Android Studio

Android Studio merupakan tools IDE ( Integrated Development Environment ) yang digunakan untuk membuat aplikasi android. Fungsi utamanya adalah sebagai editor yang menyediakan berbagai kebutuhan dalam membangun aplikasi android seperti widget, library, dll. Android Studio versi terbaru telah mendukung 2 bahasa pemrograman yaitu Java dan Kotlin. Sebelumnya hanya mendukung bahasa Java. Android Studio hadir sebagai pengganti Eclipse ADT ( Android Development Tools ) yaitu tools utama sebelumnya. Tools Android Studio ini dibangun di atas aplikasi yang sudah populer sebagai editor programer yaitu JetBrains IntelliJ IDE. Selain itu Android Studio di lengkapi dengan Emulator sendiri. Sama halnya seperti Eclipse, Android Studio juga memerlukan SDK ( Software Development Kit ) untuk membangun aplikasi android. Bedanya Android Studio didukung penuh oleh Google sebagai pengembangnya serta menggunakan grandle dalam melakukan build. Baca juga : Perbedaan Membuat Aplikasi Android Menggunakan Ecli
Posting Komentar
Baca selengkapnya