Théo DUPIN 3 years ago
commit f62139aff8

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

File diff suppressed because it is too large Load Diff

@ -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"
}
}

@ -5,11 +5,13 @@ import Admin from './pages/Admin.js';
const App = () => { const App = () => {
return ( return (
<BrowserRouter> //<BrowserRouter>
<Routes> // <Routes>
<Route path="*" element={<Admin />} /> // <Route path="*" element={<Connexion />} />
</Routes> // </Routes>
</BrowserRouter> //</BrowserRouter>
<Connexion />
); );
} }

@ -0,0 +1,11 @@
import React from 'react';
const Menu = () => {
return (
<div>
</div>
);
};
export default Menu;

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

@ -1,63 +1,63 @@
import React from 'react'; // import React from 'react';
import CryptoJS from 'crypto-js'; // import CryptoJS from 'crypto-js';
const Connexion = () => { // const Connexion = () => {
return ( // return (
<div className="page_connexion"> // <div className="page_connexion">
{/* Create a connexion page */} // {/* Create a connexion page */}
<img className="logo" srcSet="./LogoApp.svg"></img> // <img className="logo" srcSet="./LogoApp.svg"></img>
<form> // <form>
<table className="formulaire_de_connexion"> // <table className="formulaire_de_connexion">
<tr className="connexion_text"> // <tr className="connexion_text">
Connexion // Connexion
</tr> // </tr>
<tr> // <tr>
<input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" /> // <input id="pseudo" className="text_zone" type="text" placeholder="Pseudo" />
</tr> // </tr>
<tr> // <tr>
<input id="password" className="text_zone" type="password" placeholder="Mot de passe" /> // <input id="password" className="text_zone" type="password" placeholder="Mot de passe" />
</tr> // </tr>
<tr className="envoyer"> // <tr className="envoyer">
<div className="memory_me"> // <div className="memory_me">
<label htmlFor="checkbox">Se souvenir de moi</label> // <label htmlFor="checkbox">Se souvenir de moi</label>
<input type="checkbox" /> // <input type="checkbox" />
</div> // </div>
<button type="submit" onClick={sendPseudo}>Se connecter</button> // <button type="submit" onClick={sendPseudo}>Se connecter</button>
</tr> // </tr>
</table> // </table>
</form> // </form>
<a className="forgot_pw" href="http://localhost">Mot de passe oublié ?</a> // <a className="forgot_pw" href="http://localhost">Mot de passe oublié ?</a>
</div> // </div>
); // );
}; // };
/* Envoyer le pseudo et le mot de passe */ // /* Envoyer le pseudo et le mot de passe */
function sendPseudo() { // function sendPseudo() {
var pseudo = document.getElementById("pseudo").value; // var pseudo = document.getElementById("pseudo").value;
var password = document.getElementById("password").value; // var password = document.getElementById("password").value;
// transforme le pseudo en son format sha256 // // transforme le pseudo en son format sha256
console.log(password); // console.log(password);
var password = CryptoJS.SHA256(password).toString(CryptoJS.enc.Hex); // var password = CryptoJS.SHA256(password).toString(CryptoJS.enc.Hex);
console.log(password); // console.log(password);
var data = { // var data = {
pseudo: pseudo, // pseudo: pseudo,
password: password // password: password
}; // };
console.log(data); // console.log(data);
// var xhr = new XMLHttpRequest(); // // var xhr = new XMLHttpRequest();
// xhr.open("POST", "http://localhost:3000/api/auth/login", true); // // xhr.open("POST", "http://localhost:3000/api/auth/login", true);
// xhr.setRequestHeader('Content-Type', 'application/json'); // // xhr.setRequestHeader('Content-Type', 'application/json');
// xhr.send(JSON.stringify(data)); // // xhr.send(JSON.stringify(data));
// xhr.onreadystatechange = function () { // // xhr.onreadystatechange = function () {
// if (xhr.readyState === 4 && xhr.status === 200) { // // if (xhr.readyState === 4 && xhr.status === 200) {
// var json = JSON.parse(xhr.responseText); // // var json = JSON.parse(xhr.responseText);
// console.log(json); // // console.log(json);
// } // // }
// } // // }
} // }
export default Connexion; // export default Connexion;
Loading…
Cancel
Save