Aplikasi kueri SQL bahasa alami – Beragampengetahuan

Di blog ini, kami akan memandu Anda dalam membangun aplikasi web yang kuat dan intuitif yang mengubah bahasa alami menjadi kueri SQL dan mengambil data dari database PostgreSQL. Alat ini memungkinkan pengguna dari semua tingkat keahlian untuk berinteraksi secara lancar dengan kumpulan data yang kompleks, melewati kompleksitas kueri database tradisional.

Kami akan menggabungkan fleksibilitas front-end JavaScript modern dengan kekokohan React, backend Node.js, dan keandalan PostgreSQL sebagai database. Inti dari aplikasi ini adalah mesin pemrosesan bahasa alami OpenAI, yang menerjemahkan bahasa sehari-hari menjadi pernyataan SQL yang akurat.

Mengapa aplikasi ini penting

Bagi banyak pengguna bisnis dan analis, tantangan dalam mengekstraksi wawasan dari database sering kali berarti mengandalkan tim teknis, sehingga menyebabkan penundaan dan miskomunikasi. Solusi kami mendemokratisasi akses data, memungkinkan pengguna non-teknis untuk berinteraksi langsung dengan database. Hal ini tidak hanya meningkatkan produktivitas tetapi juga menumbuhkan budaya pengambilan keputusan berdasarkan data di seluruh organisasi.

Bayangkan kemungkinannya: Analis bisnis dapat membuat laporan, profesional HR dapat mengambil catatan karyawan, dan tim pemasaran dapat menganalisis data pelanggan—semuanya melalui masukan bahasa alami yang sederhana. Aplikasi ini merupakan terobosan baru bagi siapa pun yang ingin memanfaatkan kekuatan data tanpa terhambat oleh kerumitan teknis.

Daftar isi

1. Ringkasan
2. Teknologi yang digunakan
3. Item pengaturan
   1. Buat antarmuka React
   2. Membangun backend Node.js
   3. Konfigurasikan basis data PostgreSQL
4. Integrasikan OpenAI
5. Jalankan aplikasi
6. sebagai kesimpulan

Ringkasan

Aplikasi ini memungkinkan pengguna untuk memasukkan kueri bahasa alami seperti “Tampilkan semua karyawan dengan gaji lebih besar dari 50.000” dan mengubah masukan ini menjadi kueri SQL untuk mendapatkan data dari database PostgreSQL. Backend menggunakan API OpenAI untuk mengubah input bahasa alami menjadi SQL, yang kemudian dieksekusi pada database PostgreSQL. Hasilnya ditampilkan di front-end yang dibangun dengan React.

Teknologi yang digunakan

• reaksi: digunakan untuk membangun antarmuka pengguna front-end
• Node.js dan Ekspres: Digunakan untuk membuat server backend
• PostgreSQL: berfungsi sebagai database untuk menyimpan dan menanyakan data
• Buka API kecerdasan buatan: digunakan untuk mengubah kueri bahasa alami menjadi SQL
• aksio: Menangani permintaan API
• Cole: Digunakan untuk mewujudkan pembagian sumber daya lintas asal antara front-end dan back-end

Item pengaturan

Buat antarmuka React

1. Buat aplikasi React

Pertama, buat aplikasi React baru.

 npx create-react-app sql-query-app cd sql-query-app

2. Buat komponen utama

Merevisi src/App.js File tersebut berisi kolom input dan tombol untuk interaksi pengguna.

// src/App.js

 import React, { useState } from 'react';
 import './App.css';
 function App() {
   const [query, setQuery] = useState('');
   const [sqlQuery, setSqlQuery] = useState('');
   const [result, setResult] = useState([]);
   const handleQueryChange = (e) => setQuery(e.target.value);
   const handleSubmit = async () => {
     try {
       const response = await fetch(' {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ query })
       });
       const data = await response.json();
       setSqlQuery(data.sql);
       setResult(data.result);
     } catch (error) {
       console.error('Error fetching query:', error);
     }
   };
   return (
     <div className="App">
       <h1>Natural Language SQL Query</h1>
       <input
         type="text"
         value={query}
         onChange={handleQueryChange}
         placeholder="Enter your query"
       />
       <button onClick={handleSubmit}>Submit</button>
       <h2>Generated SQL:</h2>
       <pre>{sqlQuery}</pre>
       <h2>Result:</h2>
       <pre>{JSON.stringify(result, null, 2)}</pre>
     </div>
   );
 }
 export default App;

3. Tambahkan gaya

(Opsional) Gunakan CSS untuk menata gaya aplikasi Anda src/App.css.

 /* src/App.css */
 .App {
   text-align: center;
   padding: 20px;
 }

 input {
   width: 300px;
   padding: 10px;
   margin: 10px;
 }

 button {
   padding: 10px 20px;
 }

Membangun backend Node.js

1. Buat server Node.js

Buat direktori baru untuk backend dan inisialisasi proyek Node.js.

 mkdir server
 cd server
 npm init -y
 npm install express axios pg cors

2. Buat server ujung belakang

Siapkan server Express dengan titik akhir untuk menangani permintaan masuk dari frontend React.

 // server/index.js
 const express = require('express');
 const axios = require('axios');
 const { Pool } = require('pg');
 const cors = require('cors');

 const app = express();
 const port = 5000;

 // Database connection
 const pool = new Pool({
   user: 'yourusername',
   host: 'localhost',
   database: 'yourdatabase',
   password: 'yourpassword',
   port: 5432,
 });

 // Middleware
 app.use(cors());
 app.use(express.json());

 // OpenAI API call
 const generateSQL = async (query) => {
   const response = await axios.post(' {
     prompt: `Translate this natural language query to SQL: "${query}"`,
     max_tokens: 150,
   }, {
     headers: {
       'Authorization': `Bearer YOUR_OPENAI_API_KEY`,
       'Content-Type': 'application/json',
     },
   });

   return response.data.choices[0].text.trim();
 };

 // Query endpoint
 app.post('/query', async (req, res) => {
   const { query } = req.body;
   try {
     const sql = await generateSQL(query);
     const result = await pool.query(sql);
     res.json({ sql, result: result.rows });
   } catch (error) {
     res.status(500).send(error.toString());
   }
 });

 app.listen(port, () => {
   console.log(`Server running on 
 });

Konfigurasikan basis data PostgreSQL

1. Membuat database dan tabel

Siapkan database sampel di PostgreSQL untuk menguji aplikasi.

 -- Create a table named employees with sample data
 CREATE TABLE employees (
   id SERIAL PRIMARY KEY,
   name VARCHAR(100),
   position VARCHAR(100),
   salary INTEGER
 );

 INSERT INTO employees (name, position, salary) VALUES
 ('John Doe', 'Manager', 60000),
 ('Jane Smith', 'Developer', 55000),
 ('Samuel Green', 'Designer', 50000);

2. Koneksi basis data

Pastikan detail koneksi database backend cocok dengan pengaturan PostgreSQL Anda.

Integrasikan OpenAI

1. Daftarkan API OpenAI

Dapatkan kunci API Anda dari platform OpenAI dan ganti YOUR_OPENAI_API_KEY Gunakan kunci Anda yang sebenarnya dalam kode backend.

2. Gunakan OpenAI untuk konversi kueri

ini generateSQL Fungsi backend membuat POST Minta OpenAI API untuk mengubah kueri bahasa alami menjadi SQL.

 const generateSQL = async (query) => {
   const response = await axios.post(' {
     prompt: `Translate this natural language query to SQL: "${query}"`,
     max_tokens: 150,
   }, {
     headers: {
       'Authorization': `Bearer YOUR_OPENAI_API_KEY`,
       'Content-Type': 'application/json',
     },
   });

   return response.data.choices[0].text.trim();
 };

Jalankan aplikasi

1. Mulai bagian depan React

ada sql-query-app direktori, jalankan:

 npm start

2. Mulai backend Node.js

ada server direktori, jalankan:

 node index.js

3. Akses aplikasi

Buka browser Anda dan pergi ke http://localhost:3000. Anda sekarang dapat memasukkan kueri bahasa alami dan melihat kueri SQL yang dihasilkan dan dieksekusi secara real time.

sebagai kesimpulan

Membangun aplikasi kueri SQL bahasa alami lebih dari sekadar latihan teknis, ini tentang mendemokratisasikan akses ke data. Dengan menjembatani kesenjangan antara bahasa sehari-hari dan kueri SQL yang kompleks, kita dapat mengubah cara orang berinteraksi dengan database. Aplikasi ini merupakan alat canggih yang menyederhanakan kueri data, sehingga dapat diakses oleh semua orang tanpa memandang latar belakang teknis mereka.

Mari kita tinjau apa yang telah kita capai dan jelajahi peningkatan lebih lanjut:

apa yang kami bangun

1. Front-end Bereaksi Dinamis

Kami menciptakan antarmuka pengguna intuitif yang memungkinkan pengguna memasukkan kueri bahasa alami. Komponen React menangani perubahan status dan menampilkan kueri dan hasil SQL dengan cara yang jelas dan ramah pengguna.

2. Backend Node.js yang kuat

Server Express kami berfungsi sebagai tulang punggung aplikasi, menangani permintaan API dari front end, berinteraksi dengan OpenAI API, dan menghubungkan ke database PostgreSQL. Server memproses input bahasa alami, mengubahnya menjadi SQL, mengeksekusi query, dan mengembalikan hasilnya ke front end.

3. Integrasi PostgreSQL

Kami menyiapkan database PostgreSQL dengan data sampel untuk menguji kueri kami. Struktur database dirancang untuk mendukung berbagai jenis kueri, menunjukkan fleksibilitas dan kekuatan SQL dalam menangani hubungan data yang kompleks.

4. OpenAI untuk pemrosesan bahasa alami

Dengan mengintegrasikan API OpenAI, kami memungkinkan aplikasi mengubah kueri bahasa alami menjadi pernyataan SQL. Fitur ini adalah kunci untuk menjembatani kesenjangan antara pengguna dan database, memungkinkan mereka mengakses dan memanipulasi data tanpa mengetahui sintaks SQL.

pemikiran terakhir

Proyek ini menunjukkan bagaimana teknologi Web modern dapat diintegrasikan untuk menciptakan aplikasi yang kuat dan mudah digunakan yang merevolusi cara orang berinteraksi dengan database. Dengan memanfaatkan kekuatan React, Node.js, PostgreSQL, dan OpenAI, kami telah membangun fondasi yang dapat diperluas dan ditingkatkan dalam banyak cara.

Masa depan aksesibilitas data terletak pada membuat proses kompleks menjadi sederhana dan intuitif. Aplikasi kueri SQL bahasa alami ini merupakan langkah ke arah tersebut, sehingga memudahkan siapa pun, terlepas dari keahlian teknisnya, untuk memanfaatkan kekuatan data mereka. Saat Anda terus mengembangkan dan menyempurnakan aplikasi ini, Anda akan berada di garis depan dalam menciptakan alat yang benar-benar mendemokratisasi akses ke data dan mengubah cara orang melakukan kueri database.