Ajout du serveur api en node js et création de la base MYSQL sur freemysqlhosting.net

server-api/api.js

@@ -0,0 +1,73 @@
+const mysql = require('mysql');
+const express = require('express');
+const cors=require("cors");
+const bodyparser = require('body-parser');
+
+const db = mysql.createConnection({
+    host: 'sql11.freemysqlhosting.net',
+    user: 'sql11526710',
+    password: 'l5XbZ9Q6Ca',
+    database: 'sql11526710'
+});
+
+db.connect((err) => {
+    if (err) {
+        throw err;
+    }
+    console.log('MySql CRM-DATABASE Connected ...');
+});
+
+const app = express();
+
+app.use(bodyparser.json());
+
+const corsOptions = {
+    origin:'', 
+    credentials:true,
+    optionSuccessStatus:200,
+ }
+ 
+ app.use(cors(corsOptions))
+
+ app.listen(8080, () => {
+    console.log('Server started on port 8080');
+});
+
+app.get('/Client/All', (req, res) => {
+
+    let sql = 'SELECT * FROM clients ORDER BY idclient';
+
+    db.query(sql, (err, result) => {
+        if (err) throw err;
+
+        console.log(result);
+        res.send(result);
+    });
+});
+
+app.get('/Client/Id/:id', (req, res) => {
+
+    const id = req.params.id;
+    let sql = 'SELECT * FROM clients WHERE idclient = ?';
+
+    db.query(sql, [id], (err, result) => {
+        if (err) throw err;
+
+        console.log(result);
+        res.send(result);
+    });
+}); 
+
+app.get('/User/Auth/:login/:pwd', (req, res) => {
+
+    const login = req.params.login;
+    const pwd = req.params.pwd;
+    let sql = 'SELECT login, password = ? as result FROM users WHERE login = ?';
+
+    db.query(sql, [pwd, login], (err, result) => {
+        if (err) throw err;
+
+        console.log(result);
+        res.send(result);
+    });
+});

server-api/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "server-api",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.18.2",
+    "mysql": "^2.18.1"
+  },
+  "devDependencies": {
+    "nodemon": "^2.0.20"
+  }
+}

src/App.js

@@ -1,15 +1,17 @@
 import React from 'react';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
-// import Connexion from './pages/Connexion';
+import Connexion from './pages/Connexion';
 import Admin from './pages/Admin.js';
 
 const App = () => {
   return (
-    <BrowserRouter>
+    //<BrowserRouter>
-      <Routes>
+    //  <Routes>
-        <Route path="*" element={<Admin />} />
+    //    <Route path="*" element={<Connexion />} />
-      </Routes>
+    //  </Routes>
-    </BrowserRouter>
+    //</BrowserRouter>
+
+    <Connexion />
   );
 }
 

src/index.js

@@ -8,5 +8,4 @@ root.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
 );