서민정

update login function but need to modify git add .!

1 import React from "react"; 1 import React from "react";
2 import { Typography, Form, Input, Icon, Button} from 'antd'; 2 import { Typography, Form, Input, Icon, Button} from 'antd';
3 import { withRouter } from "react-router-dom"; 3 import { withRouter } from "react-router-dom";
4 +import Axios from 'axios';
5 +
4 const { Title } = Typography; 6 const { Title } = Typography;
7 +const email = document.getElementById('email');
8 +const pw = document.getElementById('password');
9 +
10 +async function login() {
11 +
12 + var LoginForm = document.loginForm;
13 + if(email && pw){
14 + const info = {
15 + email,
16 + pw
17 + }
18 +
19 + const response = await Axios.post('/users/login', info)
20 + if(response){
21 + LoginForm.action = `/chat?${response}`;
22 + LoginForm.loginForm.submit();
23 + }
24 + }
25 +}
5 26
6 27
7 function loginpage() { 28 function loginpage() {
29 +
8 return ( 30 return (
9 <div> 31 <div>
10 <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem', paddingTop: '10rem' }}> 32 <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem', paddingTop: '10rem' }}>
11 <Title level={2}>Login Page</Title> 33 <Title level={2}>Login Page</Title>
12 </div> 34 </div>
13 <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem'}}> 35 <div style={{ display: 'flex', justifyContent: 'center', marginTop: '1rem'}}>
14 - <form style={{ width: '350px' }}> 36 + <form style={{ width: '350px' }} name = "loginForm">
15 <Form.Item required> 37 <Form.Item required>
16 <Input 38 <Input
17 id="email" 39 id="email"
...@@ -32,9 +54,9 @@ function loginpage() { ...@@ -32,9 +54,9 @@ function loginpage() {
32 54
33 <Form.Item> 55 <Form.Item>
34 <div> 56 <div>
35 - <Button type="primary" htmlType="submit" className="login-form-button" style={{ minWidth: '100%' }}> 57 + <Button type="primary" htmlType="submit" className="login-form-button" style={{ minWidth: '100%' }} onClick={login}>
36 Log in 58 Log in
37 - </Button> 59 + </Button>
38 </div> 60 </div>
39 <a href="/register">가입하기</a> Or <a href = "/chat"> 비회원으로 사용하기 </a> 61 <a href="/register">가입하기</a> Or <a href = "/chat"> 비회원으로 사용하기 </a>
40 </Form.Item> 62 </Form.Item>
......
...@@ -8,6 +8,7 @@ const config = require("./server/config/keys"); ...@@ -8,6 +8,7 @@ const config = require("./server/config/keys");
8 app.use(bodyParser.urlencoded({ extended: true })); 8 app.use(bodyParser.urlencoded({ extended: true }));
9 app.use(bodyParser.json()); 9 app.use(bodyParser.json());
10 10
11 +app.use('/users/login',require('./server/routes/users/login'));
11 app.use('/api/dialogflow', require('./server/routes/dialogflow')); 12 app.use('/api/dialogflow', require('./server/routes/dialogflow'));
12 app.use('/api/latest',require('./server/routes/latest')); 13 app.use('/api/latest',require('./server/routes/latest'));
13 app.use('/api/related',require('./server/routes/related')); 14 app.use('/api/related',require('./server/routes/related'));
......
...@@ -2,7 +2,6 @@ const express = require('express'); ...@@ -2,7 +2,6 @@ const express = require('express');
2 const router = express.Router(); 2 const router = express.Router();
3 const structjson = require('./structjson.js'); 3 const structjson = require('./structjson.js');
4 const dialogflow = require('dialogflow'); 4 const dialogflow = require('dialogflow');
5 -const uuid = require('uuid');
6 5
7 const config = require('../config/keys'); 6 const config = require('../config/keys');
8 7
......
1 const express = require('express'); 1 const express = require('express');
2 const router = express.Router(); 2 const router = express.Router();
3 -const uuid = require('uuid'); //uuid 제대로 이해하고 다시 작성하기.
4 3
5 const axios = require('axios'); 4 const axios = require('axios');
6 const cheerio = require('cheerio'); 5 const cheerio = require('cheerio');
......
1 const express = require('express'); 1 const express = require('express');
2 const router = express.Router(); 2 const router = express.Router();
3 -const uuid = require('uuid'); //uuid 제대로 이해하고 다시 작성하기.
4 3
5 const axios = require('axios'); 4 const axios = require('axios');
6 const cheerio = require('cheerio'); 5 const cheerio = require('cheerio');
......
1 const express = require('express'); 1 const express = require('express');
2 const router = express.Router(); 2 const router = express.Router();
3 -const uuid = require('uuid'); //uuid 제대로 이해하고 다시 작성하기.
4 3
5 const axios = require('axios'); 4 const axios = require('axios');
6 const cheerio = require('cheerio'); 5 const cheerio = require('cheerio');
......
1 +const express = require('express');
2 +const router = express.Router();
3 +
4 +var user = {
5 + email: "mathmjseo@khu.ac.kr",
6 + name: "minjeong",
7 + pw: "1234",
8 + keyword: "오마이걸"
9 +}
10 +
11 +router.post('/users/login', async(req,res)=>{
12 + const userEmail = req.body.email;
13 + const userPW = req.body.pw;
14 + const data = "";
15 + if(userEmail === user.email && ueserPW === user.pw){
16 + data = user.keyword;
17 + }
18 + res.send(data);
19 +})
20 +
21 +module.exports = router;
...\ No newline at end of file ...\ No newline at end of file
......