하단 정보를 기준으로 가입, 로그인 처리를 테스트 할수 있습니다
mongoDB에 유저 2명 추가된 정보
" " 로 속성값이 들어가있지 않다면 숫자일 수 있으니 mongodb 를 통한 find 함수(검색)시 주의해야합니다
int 형으로 변경하려면 해당 필드를 parseInt로 변경 가능합니다
로그인, 가입 화면
로그인 & 가입 플로우
유저가 없다면 Join 으로 회원 가입을 시도
회원 가입 성공 페이지와 name 을 보여주는 페이지로 이동
re login 버튼으로 로그인 화면으로 이동
유저가 있다면 login 시도
로그인이 되면 유저 정보 (id, name 을 보여줌)를 보여주는 페이지로 이동
Login.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>login2</title> </head> <body> <h1>login2</h1> <form method="post" action="/process/Login"> <table> <tr> <td><label>ID : </label></td> <td><input type="text" name="id"></td> </tr> <tr> <td><label>PW : </label></td> <td><input type="text" name="passwords"></td> </tr> <tr> <td><input type="submit" value="Sumit" name=""></td> <td><input type="button" value="Join" onclick="location.href='/addUser.html'"></td> </tr> </table> </form> </body> </html> |
addUser.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>login2</title> </head> <body> <h1>login2</h1> <form method="post" action="/process/addUser"> <table> <tr> <td><label>ID : </label></td> <td><input type="text" name="id"></td> </tr> <tr> <td><label>PW : </label></td> <td><input type="text" name="passwords"></td> </tr> <tr> <td><label>name : </label></td> <td><input type="text" name="name"></td> </tr> <tr> <td><input type="submit" value="Sumit" name=""></td> <td><input type="button" value="Login" onclick="location.href='/Login.html'"></td> </tr> </table> </form> </body> </html> |
서버 nodejs 코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 | var express = require('express'); var http = require('http'); var serveStatic = require('serve-static'); //특정 폴더의 파일들을 특정 패스로 접근할 수 있도록 열어주는 역할 var path = require('path'); var cookieParser = require('cookie-parser'); var expressSession = require('express-session'); var expressErrorHandler = require('express-error-handler'); var mongoClient = require('mongodb').MongoClient; var database; //몽고디비에 연결 , 보통 웹서버 만든 직후 연결 , DB 먼저 연결 되도 상관 없음 //먼저 db를 가져온다 function connectDB() { //localhost 로컬 호스트 //:27017 몽고디비 포트 //local db 생성시 만든 폴더 명 var databaseURL = 'mongodb://localhost:27017'; mongoClient.connect(databaseURL, function (err, cluster) { //이 구문까지 실행되었다면 ongoDB 에 연결된 것 if (err) { console.log('db connect error'); return; } console.log('db was connected : ' + databaseURL); database = cluster.db('test'); //var users = database.collection('users'); } ); } var app = express(); //express 서버 객체 app.set('port', 3000); app.use(serveStatic(path.join('public', __dirname, 'public'))); var bodyParser_post = require('body-parser'); //post 방식 파서 //post 방식 일경우 begin //post 의 방식은 url 에 추가하는 방식이 아니고 body 라는 곳에 추가하여 전송하는 방식 app.use(bodyParser_post.urlencoded({ extended: false })); // post 방식 세팅 app.use(bodyParser_post.json()); // json 사용 하는 경우의 세팅 //post 방식 일경우 end app.use(serveStatic(path.join(__dirname, 'public'))); //쿠키와 세션을 미들웨어로 등록한다 app.use(cookieParser()); //세션 환경 세팅 //세션은 서버쪽에 저장하는 것을 말하는데, 파일로 저장 할 수도 있고 레디스라고 하는 메모리DB등 다양한 저장소에 저장 할 수가 있는데 app.use(expressSession({ secret: 'my key', //이때의 옵션은 세션에 세이브 정보를 저장할때 할때 파일을 만들꺼냐 , 아니면 미리 만들어 놓을꺼냐 등에 대한 옵션들임 resave: true, saveUninitialized: true })); //라우트를 미들웨어에 등록하기 전에 라우터에 설정할 경로와 함수를 등록한다 // //라우터를 사용 (특정 경로로 들어오는 요청에 대하여 함수를 수행 시킬 수가 있는 기능을 express 가 제공해 주는것) var router = express.Router(); router.route('/process/login').post( function (req, res) { console.log('process/login 호출됨'); var paramID = req.body.id || req.query.id; var paramPW = req.body.passwords || req.query.passwords; console.log('paramID : ' + paramID + ', paramPW : ' + paramPW); if (database) { authUser(database, paramID, paramPW, function (err, docs) { if (database) { if (err) { console.log('Error!!!'); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>에러발생</h1>'); res.end(); return; } if (docs) { console.dir(docs); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>Login Success</h1>'); res.write('<h1> user </h1>' + docs[0].id + ' : ' + docs[0].name); res.write('<br><a href="/login.html"> re login </a>'); res.end(); } else { console.log('empty Error!!!'); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>user data not exist</h1>'); res.write('<a href="/login.html"> re login</a>'); res.end(); } } else { console.log('DB 연결 안됨'); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>databasae 연결 안됨</h1>'); res.end(); } } ); } } ); router.route('/process/addUser').post( function (req, res) { console.log('process/addUser 호출됨'); var paramID = req.body.id || req.query.id; var paramPW = req.body.passwords || req.query.passwords; var paramName = req.body.name || req.query.name; console.log('paramID : ' + paramID + ', paramPW : ' + paramPW); if (database) { addUser(database, paramID, paramPW, paramName, function (err, result) { if (err) { console.log('Error!!!'); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>에러발생</h1>'); res.end(); return; } if (result) { console.dir(result); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>Add Success</h1>'); res.write('<h1> name </h1>' + paramName); res.write('<br><a href="/login.html"> re login </a>'); res.end(); } else { console.log('추가 안됨 Error!!!'); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>can not add user</h1>'); res.write('<a href="/login.html"> re login</a>'); res.end(); } } ); } else { console.log('DB 연결 안됨'); res.writeHead(200, { "Content-Type": "text/html;characterset=utf8" }); res.write('<h1>databasae 연결 안됨</h1>'); res.end(); } } ); //라우터 미들웨어 등록하는 구간에서는 라우터를 모두 등록한 이후에 다른 것을 세팅한다 //그렇지 않으면 순서상 라우터 이외에 다른것이 먼저 실행될 수 있다 app.use('/', router); //라우트 미들웨어를 등록한다 var authUser = function (db, id, password, callback) { console.log('input id :' + id.toString() + ' : pw : ' + password); //cmd 에서 db.users 로 썻던 부분이 있는데 이때 이 컬럼(테이블)에 접근은 다음처럼 한다 var users = database.collection("users"); //찾고자 하는 정보를 입력해준다 //var result = users.find({ name: id, passwords: password }); //var result = users.find({ "name": id, "passwords":password }); //var result = users.find({ "name": id , "passwords": password }); //var result = users.find({}); var result = users.find({ "id": id, "passwords": password }); result.toArray( function (err, docs) { if (err) { callback(err, null); return; } if (docs.length > 0) { console.log('find user [ ' + docs + ' ]'); callback(null, docs); } else { console.log('can not find user [ ' + docs + ' ]'); callback(null, null); } } ); }; var addUser = function (db, id, passwords, name, callback) { console.log('add User 호출됨' + id + ' , ' + passwords); var users = db.collection('users'); //컬렉션에 데이터 추가할때는 배열 형태로 집어 넣는다 users.insertMany([{ "id": id, "passwords": passwords, "name": name }], function (err, result) { if (err) { callback(err, null); return; } //데이터가 추가됐다면 insertedCount 카운트가 0 보다 큰값이 된다 if (result.insertedCount > 0) { console.log('사용자 추가 됨' + result.insertedCount); callback(null, result); } else { console.log('사용자 추가 안됨' + result.insertedCount); callback(null, null); } } ); }; var errorHandler = expressErrorHandler( { static: { '404': './public/404.html' } } //404 에러 코드가 발생하면 해당 페이지를 보여주는 예외 미들웨어 ); app.use(expressErrorHandler.httpError(404)); app.use(expressErrorHandler); //웹서버를 app 기반으로 생성 var appServer = http.createServer(app); appServer.listen(app.get('port'), function () { console.log('express 웹서버 실행' + app.get('port')); connectDB(); //DB 연결 , DB 연결 먼저해도 상관 없음 } ); |
반응형
'서버(Server) > Server&Nodejs&DB' 카테고리의 다른 글
| Databases, documents and collections in MongoDB (0) | 2018.05.07 |
|---|---|
| Nodejs : mongoose 를 활용한 가입 로그인 처리 (0) | 2018.05.07 |
| nodejs : mongoDB 를 활용하여 로그인 처리하기 (0) | 2018.05.06 |
| MongoDB 설치, 데이터베이스서버 MongoDB 간단한 데이터 입력 테스트 (0) | 2018.05.04 |
| Nodejs , Express , 파일 올리기 multer, cros (0) | 2018.05.03 |