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");
});

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");
});

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

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;

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

node server.js

Preview