Berikut beberapa kebutuhan yang perlu disiapkan:<\/p>\n\n\n\n
- \n
- PHP 8.x atau versi terbaru<\/li>\n\n\n\n
- Database MySQL\/MariaDB<\/li>\n\n\n\n
- Web server (Apache atau Nginx)<\/li>\n\n\n\n
- Text editor seperti Visual Studio Code<\/li>\n\n\n\n
- Browser untuk pengujian aplikasi<\/li>\n\n\n\n
- Hosting (opsional) jika ingin langsung online<\/li>\n<\/ul>\n\n\n\n
Setelah seluruh kebutuhan di atas tersedia, kita dapat mulai membuat website PHP sederhana yang nantinya akan terhubung dengan API.<\/p>\n\n\n\n
Mengenal API Secara Singkat<\/h2>\n\n\n\n
API (Application Programming Interface<\/em>) adalah mekanisme yang memungkinkan dua aplikasi saling bertukar data tanpa harus mengakses database secara langsung. Dengan API, sebuah aplikasi dapat meminta data dari aplikasi lain melalui alamat atau endpoint <\/em>tertentu, kemudian menerima respons <\/em>dalam format yang mudah diproses, seperti JSON.<\/p>\n\n\n\n
Sebagai contoh, ketika Anda membuka aplikasi cuaca di smartphone<\/em>, data cuaca tersebut biasanya tidak disimpan di aplikasi itu sendiri. Aplikasi hanya meminta data ke server penyedia cuaca melalui API, lalu menampilkan hasilnya kepada pengguna.<\/p>\n\n\n\n
Membuat Web PHP untuk Biodata<\/h2>\n\n\n\n
Pada tutorial ini, kita akan membuat API sederhana menggunakan PHP. API tersebut akan mengambil data biodata dari database, kemudian mengubahnya menjadi format JSON sehingga dapat digunakan oleh website atau aplikasi lain.<\/p>\n\n\n\n
Anda dapat menjalankannya terlebih dahulu di localhost menggunakan XAMPP<\/a> atau Laragon agar proses pengembangan dan pengujian menjadi lebih mudah. Secara umum, aplikasi yang akan kita buat memiliki skema seperti berikut.<\/p>\n\n\n
\n![\"Membuat](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/php-sederhana-api.png\")
<\/a>Arsitektur PHP & API<\/figcaption><\/figure>\n<\/div>\n\n\n Gambar diatas merupakan flow dari program PHP dan API yang akan kita buat.<\/p>\n\n\n\n
Step 1. Buat script index.php<\/strong><\/h3>\n\n\n\n
Script <\/em>ini akan menampilan form penginputan data seperti nama, alamat dan lain-lain.<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n <title>Biodata<\/title>\n<\/head>\n<body>\n<center>\n<form action=\"simpan.php\" method=\"post\">\n\n <input\n type=\"text\"\n name=\"nama\"\n placeholder=\"Nama\"\n required\n ><br><br>\n\n <input\n type=\"date\"\n name=\"tanggal_lahir\"\n required\n ><br><br>\n\n <textarea\n name=\"alamat\"\n placeholder=\"Alamat\"\n ><\/textarea><br><br>\n\n <input\n type=\"text\"\n name=\"moto\"\n placeholder=\"moto\"\n ><br><br>\n\n <button type=\"submit\">\n Simpan\n <\/button>\n\n<\/form>\n<\/center>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\nStep 2. Buat script simpan.php<\/strong><\/h3>\n\n\n\n
Script ini akan menjadi handler dalam memproses inputan pada form index yang akan disimpan pada database.<\/p>\n\n\n\n
<?php\n\nrequire_once 'config.php';\n\ntry {\n\n $nama = trim($_POST['nama'] ?? '');\n $tanggalLahir = trim($_POST['tanggal_lahir'] ?? '');\n $alamat = trim($_POST['alamat'] ?? '');\n $moto = trim($_POST['moto'] ?? '');\n\n if (empty($nama) || empty($tanggalLahir)) {\n die(\"Nama dan tanggal lahir wajib diisi\");\n }\n\n $sql = \"\n INSERT INTO biodata (nama, tanggal_lahir, alamat, moto)\n VALUES (:nama, :tanggal_lahir, :alamat, :moto)\n \";\n\n $stmt = $pdo->prepare($sql);\n $stmt->execute([\n 'nama' => $nama,\n 'tanggal_lahir' => $tanggalLahir,\n 'alamat' => $alamat,\n 'moto' => $moto\n ]);\n\n $lastId = $pdo->lastInsertId();\n\n header(\"Location: output.php?id=\" . $lastId);\n exit;\n\n} catch (Exception $e) {\n die(\"Error: \" . $e->getMessage());\n}<\/code><\/pre>\n\n\n\nStep 3. Buat script api.php<\/strong><\/h3>\n\n\n\n
Ini adalah bagian penting ketika Anda ingin membuat data webnya memiliki
endpoint<\/code> API agar dapat digunakan oleh pihak eksternal tanpa mereka perlu akses database asli secara langsung.<\/p>\n\n\n\n<?php\n\nrequire_once 'config.php';\n\nheader('Content-Type: application\/json; charset=utf-8');\n\ntry {\n\n $id = $_GET['id'] ?? null;\n $nama = trim($_GET['nama'] ?? '');\n $tanggalLahir = trim($_GET['tanggal_lahir'] ?? '');\n\n $sql = '';\n $params = [];\n\n if (!empty($id)) {\n\n $sql = \"\n SELECT *\n FROM biodata\n WHERE id = :id\n \";\n\n $params['id'] = (int)$id;\n\n } elseif (!empty($nama)) {\n\n $sql = \"\n SELECT *\n FROM biodata\n WHERE nama LIKE :nama\n \";\n\n $params['nama'] = \"%{$nama}%\";\n\n } elseif (!empty($tanggalLahir)) {\n\n $sql = \"\n SELECT *\n FROM biodata\n WHERE tanggal_lahir = :tanggal_lahir\n \";\n\n $params['tanggal_lahir'] = $tanggalLahir;\n\n } else {\n\n http_response_code(400);\n\n echo json_encode([\n 'success' => false,\n 'message' => 'Parameter tidak valid. Gunakan salah satu: id, nama, atau tanggal_lahir.'\n ], JSON_PRETTY_PRINT);\n\n exit;\n }\n\n $stmt = $pdo->prepare($sql);\n $stmt->execute($params);\n\n $data = $stmt->fetchAll(PDO::FETCH_ASSOC);\n\n if (empty($data)) {\n\n http_response_code(404);\n\n echo json_encode([\n 'success' => false,\n 'message' => 'Data tidak ditemukan'\n ], JSON_PRETTY_PRINT);\n\n exit;\n }\n\n echo json_encode([\n 'success' => true,\n 'total' => count($data),\n 'data' => $data\n ], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);\n\n} catch (Exception $e) {\n\n http_response_code(500);\n\n echo json_encode([\n 'success' => false,\n 'message' => 'Internal Server Error',\n 'error' => $e->getMessage()\n ], JSON_PRETTY_PRINT);\n}<\/code><\/pre>\n\n\n\nStep 4. Buat script output.php<\/strong><\/h3>\n\n\n\n
Script ini akan menampilkan hasil inputan form yang tersimpan di database secara langsung di browser<\/em>.<\/p>\n\n\n\n
<?php\n\nrequire_once 'config.php';\n\n$id = $_GET['id'] ?? 0;\n\nif (!$id) {\n die(\"ID tidak ditemukan\");\n}\n\n$sql = \"SELECT * FROM biodata WHERE id = :id\";\n$stmt = $pdo->prepare($sql);\n$stmt->execute(['id' => $id]);\n\n$data = $stmt->fetch(PDO::FETCH_ASSOC);\n\nif (!$data) {\n die(\"Data tidak ditemukan\");\n}\n\n?>\n\n<!DOCTYPE html>\n<html>\n<head>\n <title>Output Biodata<\/title>\n<\/head>\n<body>\n\n<h2>Data Berhasil Disimpan<\/h2>\n\n<table border=\"1\" cellpadding=\"8\">\n <tr>\n <td>Nama<\/td>\n <td><?= htmlspecialchars($data['nama']) ?><\/td>\n <\/tr>\n <tr>\n <td>Tanggal Lahir<\/td>\n <td><?= htmlspecialchars($data['tanggal_lahir']) ?><\/td>\n <\/tr>\n <tr>\n <td>Alamat<\/td>\n <td><?= htmlspecialchars($data['alamat']) ?><\/td>\n <\/tr>\n <tr>\n <td>Moto<\/td>\n <td><?= htmlspecialchars($data['moto']) ?><\/td>\n <\/tr>\n<\/table>\n\n<br>\n\n<a href=\"index.php\">Kembali<\/a>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\nStep 5. Buat script config.php<\/strong><\/h3>\n\n\n\n
Anda memerlukan file ini sebagai koneksi database.<\/p>\n\n\n\n
<?php\n\n$host = 'localhost';\n$dbname = 'nama-db';\n$username = 'user-db';\n$password = 'password-db';\n\ntry {\n $pdo = new PDO(\n \"mysql:host=$host;dbname=$dbname;charset=utf8mb4\",\n $username,\n $password\n );\n\n $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);\n\n} catch (PDOException $e) {\n\n die('Koneksi database gagal: ' . $e->getMessage());\n}<\/code><\/pre>\n\n\n\nStep 6. Query database<\/h3>\n\n\n\n
Silahkan buat database kemudian buat table menggunakan query <\/em>dibawah:<\/p>\n\n\n\n
CREATE TABLE `biodata` (\n `id` int(11) NOT NULL,\n `nama` varchar(100) NOT NULL,\n `tanggal_lahir` date NOT NULL,\n `alamat` text DEFAULT NULL,\n `moto` varchar(255) DEFAULT NULL,\n `created_at` timestamp NULL DEFAULT current_timestamp()\n) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci;<\/code><\/pre>\n\n\n\nPercobaan Input Data dan Koneksi API<\/h2>\n\n\n\n
Kami akan memulai dengan menginputkan data seperti contoh gambar dibawah:<\/p>\n\n\n
\n![\"Percobaan](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/php-sederhana.png\")
<\/a><\/figure>\n<\/div>\n\n\nSilahkan disesuaikan dengan percobaan Anda sendiri, kemudian klik tombol simpan<\/strong>. Jika berhasil, Anda akan melihat hasil dengan contoh gambar dibawah:<\/p>\n\n\n
\n![\"Silahkan](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/hasil-php-sederhana.png\")
<\/a><\/figure>\n<\/div>\n\n\nPada gambar diatas, terdapat parameter id=4<\/strong> yang merupakan data dari inputan Anda ke database. Parameter tersebut akan digunakan sebagai koneksi API.<\/p>\n\n\n\n
Testing Koneksi API<\/strong><\/h3>\n\n\n\n
Setelah menambahkan data, silahkan akses menggunakan endpoint: localhost\/biodata\/api.php?id=4<\/strong><\/p>\n\n\n
\n![\"Testing](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/api-sederhana.png\")
<\/a><\/figure>\n<\/div>\n\n\nJika menggunakan nama domain, maka ganti localhost dengan nama domain Anda sendiri. <\/p>\n\n\n\n
Setelah memastikan web utama Anda sudah berhasil memberikan respon, maka pihak eksternal dapat menggunakan datanya dengan bebas hanya untuk melihat<\/span>.<\/p>\n\n\n\n
Testing koneksi API eksternal<\/strong><\/h3>\n\n\n\n
Contoh script eksternal ketika ingin melakukan koneksi API ke website Anda dan untuk menampilkan data dari id=4<\/strong> :<\/p>\n\n\n\n
<?php\n$url = \"https:\/\/namadomain-anda\/biodata\/api.php?id=4\";\n$ch = curl_init();\ncurl_setopt($ch, CURLOPT_URL, $url);\ncurl_setopt($ch, CURLOPT_RETURNTRANSFER, true);\n$response = curl_exec($ch);\n\nif (curl_errno($ch)) {\n die(\"Error: \" . curl_error($ch));\n}\n\ncurl_close($ch);\n$data = json_decode($response, true);\n\nif ($data['success'] === true) {\n $biodata = $data['data'][0];\n echo \"<table border='1' cellpadding='8'>\";\n echo \"<tr><td>ID<\/td><td>{$biodata['id']}<\/td><\/tr>\";\n echo \"<tr><td>Nama<\/td><td>{$biodata['nama']}<\/td><\/tr>\";\n echo \"<tr><td>Tanggal Lahir<\/td><td>{$biodata['tanggal_lahir']}<\/td><\/tr>\";\n echo \"<tr><td>Alamat<\/td><td>{$biodata['alamat']}<\/td><\/tr>\";\n echo \"<tr><td>Moto<\/td><td>{$biodata['moto']}<\/td><\/tr>\";\n echo \"<tr><td>Created At<\/td><td>{$biodata['created_at']}<\/td><\/tr>\";\n echo \"<\/table>\";\n\n} else {\n echo \"Data tidak ditemukan.\";\n}\n\n?><\/code><\/pre>\n\n\n\nApabila koneksi API berhasil, maka datanya akan tampil di website eksternal seperti gambar dibawah:<\/p>\n\n\n
\n![\"Apabila](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/eksternal-api-sederhana.png\")
<\/a><\/figure>\n<\/div>\n\n\nPemberian query <\/em>string id <\/strong>pada endpoint API, sangat penting agar data yang dipanggil dan ditampilkan merupakan hasil yang sesuai.<\/p>\n\n\n\n
Jika pemanggilan endpoint <\/em>api tidak lengkap, maka akan muncul pesan seperti gambar dibawah:<\/p>\n\n\n
![\"Pemberian](\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2026\/06\/endpoint-api-serderhana.png\")
<\/a><\/figure>\n<\/div>\n\n\n