Belajar Backend Part 15 - GraphQL

Pengantar ke GraphQL

Di dunia pengembangan API, RESTful API sering menjadi pilihan utama. Namun, dalam beberapa kasus, API yang dibangun dengan REST dapat memiliki keterbatasan, terutama terkait dengan pengambilan data. Di sinilah GraphQL hadir untuk menyelesaikan masalah tersebut. Mari kita pelajari apa itu GraphQL dan mengapa semakin banyak developer yang beralih ke penggunaan GraphQL.

Apa itu GraphQL?

GraphQL adalah bahasa query untuk API yang dikembangkan oleh Facebook. GraphQL memungkinkan kita untuk mengambil hanya data yang kita butuhkan dari server, menghindari masalah over-fetching dan under-fetching yang sering terjadi pada REST API. GraphQL memungkinkan klien untuk mendefinisikan struktur data yang ingin diterima, dan server akan mengirimkan respons sesuai dengan permintaan tersebut.

Keuntungan Menggunakan GraphQL

GraphQL menawarkan sejumlah keuntungan dibandingkan RESTful API, antara lain:

• Pemilihan Data yang Fleksibel: Klien dapat menentukan struktur data yang ingin diterima, sehingga hanya data yang relevan yang diambil.
• Pengurangan Permintaan API: Dengan GraphQL, klien dapat mengambil semua data yang dibutuhkan dalam satu permintaan API, mengurangi jumlah permintaan ke server.
• Skema yang Didefinisikan: GraphQL menggunakan skema yang didefinisikan dengan jelas, sehingga pengembang dapat memahami API dan data yang tersedia dengan mudah.

Bagaimana Cara Kerja GraphQL?

GraphQL bekerja dengan cara yang sangat mirip dengan REST, tetapi dengan lebih fleksibilitas dalam query dan pengambilan data. Klien mengirimkan query GraphQL ke server, dan server akan mengembalikan data sesuai permintaan. Berikut adalah langkah-langkah dasar dalam menggunakan GraphQL:

• Definisikan Skema: Skema di GraphQL mendefinisikan jenis data yang bisa diambil dan operasi yang bisa dilakukan.
• Buat Query: Klien membuat query yang menentukan data apa yang ingin mereka ambil dari server.
• Eksekusi Query: Server akan mengeksekusi query dan mengembalikan hasil yang sesuai dengan permintaan klien.

Contoh Implementasi GraphQL

Untuk memulai dengan GraphQL, kita bisa menggunakan berbagai library seperti Apollo Server untuk Node.js. Berikut adalah contoh sederhana dari server GraphQL menggunakan Apollo Server dan Express.js:

// Import libraries
const { ApolloServer, gql } = require('apollo-server-express');
const express = require('express');

// Definisikan skema GraphQL
const typeDefs = gql`
    type Query {
        hello: String
    }
`;

// Definisikan resolver
const resolvers = {
    Query: {
        hello: () => 'Hello, world!',
    },
};

// Inisialisasi server Apollo
const server = new ApolloServer({ typeDefs, resolvers });

// Inisialisasi aplikasi Express
const app = express();

// Gunakan Apollo Server sebagai middleware Express
server.applyMiddleware({ app });

// Jalankan server
app.listen(4000, () => {
    console.log('Server berjalan di http://localhost:4000/graphql');
});

    

Dengan kode di atas, kita telah membuat server GraphQL sederhana yang dapat menangani query untuk mengambil data "hello". Dengan server ini, kita bisa mengirimkan query GraphQL ke URL endpoint `/graphql` untuk mendapatkan respons.

Contoh Query GraphQL

Query untuk mengambil data "hello" akan terlihat seperti ini:

{
    hello
}

    

Dan respons yang diterima dari server akan berupa:

{
    "data": {
        "hello": "Hello, world!"
    }
}

    

Kesimpulan

GraphQL memberikan pendekatan yang lebih fleksibel dan efisien dalam pengambilan data dibandingkan dengan RESTful API tradisional. Dengan kemampuan untuk memilih data yang dibutuhkan, mengurangi jumlah permintaan API, dan mendefinisikan skema yang jelas, GraphQL menjadi pilihan populer bagi pengembang aplikasi web dan mobile. Pada artikel ini, kita telah melihat dasar-dasar GraphQL dan bagaimana cara memulai dengan implementasi server GraphQL menggunakan Apollo Server.