JS MySQL: Jak połączyć JavaScript z bazą danych MySQL?

Jeśli kiedykolwiek marzyłeś o tym, aby Twoje aplikacje webowe były bardziej dynamiczne i interaktywne, to połączenie JavaScriptu z bazą danych MySQL to klucz, który pozwoli Ci otworzyć drzwi do nieskończonych możliwości. W tym artykule pokażemy Ci, jak używać JS do komunikacji z MySQL, a także przedstawimy praktyczne przykłady, które pozwolą Ci lepiej zrozumieć tę technologię. Gotowy na przygodę z backendem? Zaczynamy!

Co to jest MySQL i jak działa?

MySQL to jedna z najpopularniejszych baz danych, która umożliwia przechowywanie i manipulowanie danymi w sposób zorganizowany. Dzięki niemu możemy tworzyć skomplikowane aplikacje webowe, które przechowują dane, takie jak użytkownicy, produkty czy zamówienia, i pozwalają na ich edycję, usuwanie oraz wyświetlanie. Jest to baza relacyjna, co oznacza, że przechowywane dane są organizowane w tabelach, które mogą być powiązane ze sobą.

Po co łączyć JavaScript z MySQL?

JavaScript to język skryptowy, który działa po stronie klienta, co oznacza, że jest wykonywany w przeglądarkach użytkowników. Z kolei MySQL to system zarządzania bazą danych, który działa po stronie serwera. JavaScript może współpracować z bazą danych MySQL, ale do tego potrzebny jest odpowiedni backend. Możemy to osiągnąć, używając technologii takich jak Node.js, która pozwala na uruchamianie JavaScriptu po stronie serwera i umożliwia interakcję z bazą danych MySQL.

Jak działa połączenie JS i MySQL?

Aby połączyć JavaScript z MySQL, musimy najpierw utworzyć serwer, który będzie działał na Node.js i wykorzysta odpowiednie biblioteki do łączenia się z bazą danych. W tym artykule skupimy się na jednej z najpopularniejszych bibliotek - mysql dla Node.js. Dzięki niej będziemy mogli łączyć się z MySQL, wykonywać zapytania i odbierać wyniki bezpośrednio w aplikacji webowej.

Przygotowanie środowiska

Zanim zaczniemy pisać kod, musimy przygotować odpowiednie środowisko. Oto kroki, które pozwolą Ci przygotować wszystko do pracy:

1. Instalacja Node.js

Node.js jest środowiskiem, które umożliwia uruchamianie JavaScriptu po stronie serwera. Możesz pobrać go ze strony nodejs.org. Upewnij się, że masz zainstalowaną najnowszą wersję Node.js na swoim komputerze.

2. Instalacja MySQL

Jeśli jeszcze nie masz zainstalowanego MySQL na swoim komputerze, pobierz go ze strony MySQL Downloads. Po zainstalowaniu, stwórz bazę danych, która będzie używana przez naszą aplikację. Możesz to zrobić w MySQL Workbench lub używając wiersza poleceń.

3. Instalacja biblioteki mysql w Node.js

W terminalu, przejdź do katalogu projektu i uruchom poniższe polecenie, aby zainstalować bibliotekę mysql:

npm install mysql

Tworzenie aplikacji z połączeniem do MySQL

Teraz możemy przejść do pisania naszej aplikacji. Poniżej znajdziesz przykład, który pokazuje, jak utworzyć połączenie z bazą danych MySQL i wykonać zapytanie do bazy.

const mysql = require('mysql');

// Tworzenie połączenia z bazą danych MySQL
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'twoje_haslo',
  database: 'moja_baza_danych'
});

// Nawiązywanie połączenia
connection.connect((err) => {
  if (err) {
    console.log('Błąd połączenia: ' + err.stack);
    return;
  }
  console.log('Połączono z bazą danych o id: ' + connection.threadId);
});

// Zapytanie do bazy danych
connection.query('SELECT * FROM uzytkownicy', (err, results) => {
  if (err) {
    console.log('Błąd zapytania: ' + err.stack);
    return;
  }
  console.log('Wyniki zapytania: ', results);
});

// Zamknięcie połączenia
connection.end();

W tym przykładzie, łączymy się z bazą danych moja_baza_danych i wykonujemy zapytanie SELECT * FROM uzytkownicy, aby pobrać wszystkich użytkowników. Jeśli wszystko jest poprawnie skonfigurowane, w terminalu zobaczysz wyniki zapytania.

Jak wykonać zapytania w aplikacji webowej?

W poprzednim przykładzie pokazaliśmy, jak połączyć się z bazą MySQL i wykonać zapytanie w Node.js. Teraz czas na krok dalej - jak to wszystko zintegrować z aplikacją webową? Stwórzmy prostą aplikację Express, która będzie komunikować się z naszą bazą danych MySQL i wyświetlać dane w przeglądarkach użytkowników.

Tworzenie aplikacji Express

Express to minimalny framework webowy dla Node.js, który ułatwia tworzenie aplikacji serwerowych. Aby go zainstalować, uruchom polecenie:

npm install express

Teraz utwórz plik app.js, w którym zdefiniujemy naszą aplikację Express:

const express = require('express');
const mysql = require('mysql');
const app = express();
const port = 3000;

// Tworzenie połączenia z bazą MySQL
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'twoje_haslo',
  database: 'moja_baza_danych'
});

// Nawiązywanie połączenia
connection.connect((err) => {
  if (err) {
    console.log('Błąd połączenia: ' + err.stack);
    return;
  }
  console.log('Połączono z bazą danych o id: ' + connection.threadId);
});

// Trasa, która wyświetli dane użytkowników
app.get('/uzytkownicy', (req, res) => {
  connection.query('SELECT * FROM uzytkownicy', (err, results) => {
    if (err) {
      res.send('Błąd zapytania: ' + err.stack);
      return;
    }
    res.json(results);
  });
});

// Uruchomienie serwera
app.listen(port, () => {
  console.log(`Serwer działa na porcie ${port}`);
});

W tym przykładzie, stworzyliśmy serwer Express, który nasłuchuje na porcie 3000. Kiedy użytkownik wejdzie na trasę /uzytkownicy, aplikacja wykona zapytanie do bazy danych i zwróci dane użytkowników w formacie JSON.

Testowanie aplikacji

Teraz wystarczy uruchomić aplikację, wykonując polecenie:

node app.js

Po uruchomieniu serwera, przejdź do przeglądarki i wpisz http://localhost:3000/uzytkownicy. Jeśli wszystko jest poprawnie skonfigurowane, zobaczysz dane użytkowników zwrócone przez naszą aplikację!

Podsumowanie

Połączenie JavaScriptu z MySQL otwiera przed Tobą ogromne możliwości w tworzeniu dynamicznych aplikacji webowych. W tym artykule pokazaliśmy, jak połączyć JS z MySQL za pomocą Node.js i jak wykorzystać framework Express do budowy pełnej aplikacji. Jeśli jeszcze nie miałeś do czynienia z backendem, to teraz już wiesz, jak to wszystko działa. Pamiętaj, że kluczem do sukcesu jest praktyka, więc nie bój się eksperymentować i tworzyć własne projekty!