Tutorial Membuat Full Stack Application dengan Node JS Express dan MySQL

Halo teman-teman kali ini saya ingin sharing tutorial membuat fullstack application dengan node js, express dan mysql, silahkan disimak ya

1. Buat folder baru untuk project
   

2. Kemudian masuk ke direktori project kamu dan seperti biasa npm init untuk mendapatkan file package.json hehehe. Kemudian isikan beberapa pertanyaan seperti versi, author dan sebagainya
   

3. Kemudian Install package express, mysql, dan hbs dengan cara :

   npm install express
   npm install mysql
   npm install hbs
   

   dan akan muncul dependencies pada package.json kamu
   

Buatlah file server.js untuk menjalankan server Node.js. Tambahkan kode berikut:

const express = require("express");
const app = express();
//server listening
app.listen(5000, () => {
  console.log("Server berjalan pada port 5000");
});

Sebelum itu, nyalakan LAMPP kamu, kemudian masuk ke localhost

Kemudian buatlah database pada MySQL, boleh menggunakan phpMyAdmin biar lebih cepat dengan nama express_db (hanya contoh saja).

Edit kembali server.js dan tambahkan kode untuk koneksi express dengan MySQL seperti berikut ini:

const mysql = require("mysql");
//konfigurasi koneksi
const conn = mysql.createConnection({
  host: "localhost",
  user: "root",
  port: "3306",
  password: "",
  database: "express_db",
});
//connect ke database
conn.connect((err) => {
  if (err) throw err;
  console.log("Mysql Terhubung");
});

Kemudian jalankan server dan Alhamdulillah server telah terhubung dengan database

Setelah database dan struktur folder project dibuat, saatnya menambahkan operasi CRUD pada project ini, dan sampai thread ini saya buat saya lupa untuk menampilkan set view agar client dapat dengan mudah melakukan interaksi pada browser hehe dan juga install dependencies tambahan Body-parser (middleware untuk menghandle post body request) dengan perintah

npm install body-parser

dan lihat akan ada dependencies baru pada package.json Anda

Kemudian buat folder dengan nama views dan buat file dengan nama product_view.hbs seperti ini

Kemudian tambahkan code berikut ke file product_view.hbs
dan masuk ke local host untuk membuat table product dengan perintah

CREATE TABLE product(
  product_id INT(11) PRIMARY KEY AUTO_INCREMENT,
  product_name VARCHAR(200),
  product_price INT(11) 
)ENGINE=INNODB;

seperti ini

Kemudian tekan go
dan tambahkan code berikut ke dalam file server.js
kemudian jalankan dengan perintah

node server.js

seperti ini

Kemudian masuk ke localhost:8000 dan cobalah lakukan operasi CRUD

Preview