Apa itu web stack?
Sebuah web stack adalah kumpulan perangkat lunak yang digunakan untuk pengembangan web yang mencakup, setidaknya, sebuah sistem operasi (OS), bahasa pemrograman, perangkat lunak database, dan sebuah server web.
Web stack, juga dikenal sebagai web application stack, adalah jenis solusi stack. Ini merupakan kumpulan aplikasi perangkat lunak yang menjalankan tugas tertentu. Dalam hal ini, tugas atau tujuannya adalah untuk memungkinkan pengembangan web, yaitu pengembangan situs web dan aplikasi web.
Istilah stack digunakan karena komponen dan teknologi individu dalam sistem ini dibangun satu di atas yang lain dan bekerja bersama dalam proyek pengembangan web. Selain itu, stack ini dapat digunakan berulang kali untuk berbagai proyek. Memilih web stack yang tepat sangat penting karena pilihan yang salah bisa berakibat mahal.
Apa peran masing-masing komponen dalam web stack?
Komponen dalam web stack bekerja sama untuk memastikan bahwa informasi yang benar dikirimkan ke klien yang meminta, yang biasanya merupakan browser internet. Browser kemudian memproses kode HTML, cascading style sheet (CSS), dan JavaScript pada aplikasi atau situs web dan menampilkannya kepada pengguna.
OS
OS dalam web stack adalah antarmuka utama antara perangkat keras dan perangkat lunak dalam aplikasi web. Sistem operasi yang paling populer untuk pengembangan web adalah Windows, Linux, Unix, dan MacOS.
Server web
Terinstal pada OS, server web menyajikan dokumen dan informasi web kepada klien yang memintanya. Permintaan klien dikirim ke server web melalui HTTP. Server web kemudian memproses permintaan untuk konten statis secara langsung atau mengacu pada database dan modul skrip untuk konten dinamis. Apache, Microsoft Internet Information Services (IIS), dan Nginx adalah beberapa jenis server web.
Database
Database diperlukan untuk menyimpan data proyek web dan menyediakannya kepada server web sesuai kebutuhan. Server meminta data menggunakan ekstensi server yang menghasilkan output dalam format yang sesuai, seperti HTML, dan meneruskannya ke server. SQL, MySQL, Oracle, dan MongoDB adalah beberapa database populer untuk proyek web.
Bahasa pemrograman
Bahasa pemrograman, juga dikenal sebagai interpreter skrip, berjalan di sisi klien dan dalam browser yang melakukan permintaan. Ini diperlukan untuk mewujudkan situs web dan aplikasi web yang dinamis. PHP adalah salah satu interpreter skrip paling populer; lainnya termasuk Java, Ruby, Perl, dan Python.
Jenis-jenis web stack
Ada tiga jenis utama web stack: front-end, back-end, dan full-stack web. Setiap jenis didukung oleh seperangkat alatnya sendiri. Bergantung pada proyeknya, ketiga jenis ini mungkin diperlukan. Setidaknya, alat front-end dan back-end sangat penting untuk membangun aplikasi web.
Web stack front-end
Dalam sebuah aplikasi atau situs web, front-end merujuk pada antarmuka yang digunakan oleh pengguna. Misalnya, ketika pengguna membuka situs web toko e-commerce, halaman yang mereka lihat di browser internet adalah bagian front-end.
Web stack front-end dapat mencakup berbagai jenis perangkat lunak, seperti pustaka, framework, manajer paket, dan sistem build. Pengembang front-end juga biasanya menggunakan alat untuk pengujian, kontrol versi, caching, dan deployment.
Web stack front-end yang paling populer adalah sebagai berikut:
- HTML. Bahasa markup standar untuk membuat halaman web. Ini menjelaskan struktur halaman web dan menginstruksikan browser tentang cara menampilkan konten halaman.
- CSS. Bahasa berbasis aturan yang menjelaskan bagaimana elemen HTML ditampilkan di layar pengguna. Ini menentukan bagaimana elemen statis dari front-end akan ditampilkan, termasuk font, ukuran elemen, tata letak, dan warna.
- JavaScript. Bahasa skrip untuk membuat konten halaman web yang interaktif dan dinamis.
- Framework antarmuka pengguna (UI) front-end. Diperlukan untuk membangun situs web dan aplikasi web modern yang berbasis pengguna. React, Vue.js, Angular, dan Ember.js adalah beberapa framework UI yang paling populer untuk pengembang front-end.
Stack Web Back-end
Sama pentingnya dalam pengembangan web, stack web back-end tidak terlihat oleh pengguna. Juga dikenal sebagai stack sisi server, stack pengembangan web back-end mencakup hal-hal berikut:
- logika bisnis;
- OS;
- Server web;
- manajemen basis data;
- kerangka kerja pengembangan web;
- bahasa pemrograman seperti Python, Ruby, dan Java;
- autentikasi; dan
- sinkronisasi dengan aplikasi klien.
Beberapa stack web back-end juga dapat mencakup alat kontainerisasi seperti Docker untuk pengembangan aplikasi cloud-native dan antarmuka pemrograman aplikasi (API) agar UI dapat berkomunikasi dengan sistem. Mesin pencari, penyimpanan, alat caching, dan alat DevOps juga dapat menjadi bagian dari stack web back-end.
Stack Web Penuh
Stack web penuh mencakup semua teknologi penting untuk membangun situs web atau aplikasi web:
- kerangka kerja front-end
- solusi back-end
- basis data
Sekali lagi, Angular, React, dan Vue adalah tiga kerangka kerja front-end yang paling populer. Solusi back-end mencakup bahasa pemrograman, yang biasanya dipilih berdasarkan kerangka kerja front-end. Hal ini karena banyak kerangka kerja terkait atau bekerja paling baik dengan bahasa tertentu. Misalnya, Symfony adalah kerangka kerja PHP untuk membangun aplikasi web, Express adalah kerangka kerja Node.js, dan Django serta Flask adalah kerangka kerja aplikasi web yang ditulis dalam Python.
Basis data dapat berupa relasional (misalnya, SQL) atau berbasis dokumen. Data sangat terstruktur dalam basis data relasional dan kurang terstruktur dalam basis data berbasis dokumen. Pemilihan basis data sangat bergantung pada aplikasi yang sedang dikembangkan.
Stack web penuh juga dapat mencakup elemen lain, seperti kerangka kerja aplikasi atau alat manajemen status. Stack web penuh sering disingkat berdasarkan teknologi yang menyusunnya. Misalnya, MEAN mengacu pada MongoDB, Express, Angular, dan Node. Demikian pula, LAMP berarti Linux, Apache, MySQL, dan PHP.
Apa saja stack web yang populer?
LAMP adalah salah satu stack web yang paling populer dan umum digunakan. Stack ini menggunakan Linux sebagai OS, Apache sebagai server web, MySQL sebagai sistem manajemen basis data relasional, dan PHP sebagai bahasa pemrograman berorientasi objek.
Model LAMP terdiri dari perangkat lunak sumber terbuka dengan lisensi gratis yang dapat dimodifikasi untuk mengembangkan berbagai jenis aplikasi web. Paket LAMP sangat cocok untuk mengembangkan situs web dinamis dengan banyak halaman.
Variasi dari stack LAMP yang telah muncul dalam beberapa tahun terakhir meliputi:
- WAMP: Windows, Apache, MySQL, PHP
- MAMP: Mac OS X, Apache, MySQL, PHP
- XAMPP: Apapun OS-nya, Apache, MariaDB, Perl, dan PHP
- LAPP: Linux, Apache, PostgreSQL, PHP/Python/PERL
Microsoft telah menciptakan stack webnya sendiri yang disebut WISA: Windows Server, IIS, SQL Server, dan ASP.NET. Windows Server adalah OS, IIS adalah perangkat lunak server web, SQL Server adalah sistem basis data relasional, dan ASP.NET adalah pustaka bahasa pemrograman.
Berbeda dengan LAMP dan stack web lainnya, WISA bersifat kepemilikan. Meskipun memiliki kelemahan ini, WISA memberikan keunggulan kinerja dibandingkan stack web lainnya karena tidak memerlukan interpreter skrip. Selain itu, proyek web dapat diprogram dalam Visual C# atau Visual Basic.NET dan kemudian dieksekusi langsung dengan compiler. Karena alasan ini, WISA adalah stack web yang baik untuk proyek web yang kompleks.
MEAN adalah stack web populer lainnya. Semua elemennya mendukung JavaScript, sehingga tidak perlu menggunakan beberapa bahasa pemrograman untuk server dan klien. Stack ini berguna untuk mengembangkan aplikasi satu halaman yang berorientasi pada klien dan aplikasi seluler. Stack ini juga mendukung skalabilitas aplikasi. Variasi MEAN meliputi:
- MEEN: MongoDB, Express, Ejs, Node
- MERN: MongoDB, Express, React, Node