IT견습생: nodejs설치 및 환경설정 / json 이용 하여 실시간 업데이트

https://nodejs.org/ko/

6.11.4 버전 설치 위치 c:\nodejs

nodejs용 개발 도구

https://code.visualstudio.com/

cd c:\nodejs

0. express 프레임워크 설치

-g옵션은 어느 폴더에서든 사용가능하게 설치

npm install express-generator -g

npm install nodemon -g

npm install node-cron --save

npm install mysql --save

npm install socket.io --save

1. express 프로젝트 생성 - project1프로젝트 생성

express -e project1

2. 실행하기

cd project1 (생성된 프로젝트 폴더로 이동 )

npm install (관련 라이브러리 설치)

nodemon --inspect ./bin/www (실행)

3. 결과확인

크롬에서 http://127.0.0.1:3000

폴더열기

c:\nodejs\project1 선택

view / app.js

var express = require('express');

var path = require('path');

var favicon = require('serve-favicon');

var logger = require('morgan');

var cookieParser = require('cookie-parser');

var bodyParser = require('body-parser');

var index = require('./routes/index');

var users = require('./routes/users');

var batch = require('./routes/batch');

var app = express();

// view engine setup

app.set('views', path.join(__dirname, 'views'));

app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public

//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));

app.use(logger('dev'));

app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended: false }));

app.use(cookieParser());

app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);

app.use('/users', users);

app.use('/batch', batch);

// catch 404 and forward to error handler

app.use(function(req, res, next) {

var err = new Error('Not Found');

err.status = 404;

next(err);

});

// error handler

app.use(function(err, req, res, next) {

// set locals, only providing error in development

res.locals.message = err.message;

res.locals.error = req.app.get('env') === 'development' ? err : {};

// render the error page

res.status(err.status || 500);

res.render('error');

});

module.exports = app;

===== json 이용하여 실시간으로 자료 업데이트 ==========

파일명 : routes/batch.js

var express = require('express');

var router = express.Router();

var node_cron = require('node-cron');

var mysql = require('mysql');

var dbconn = require('./dbconfig/dbconn.js');

var conn = mysql.createConnection(dbconn);

conn.connect();

var http = require('http').createServer(function(req,res){

}).listen(1005);

var io = require('socket.io').listen(http);

/* GET home page. */

router.get('/', function(req, res, next) {

res.render('batch', { title: 'Batch' });

});

io.sockets.on('connection', function(socket){

socket.on('init', function(data){

//data 구조 : {id:'abc', msg:'def'}

socket.join(data.id); //소켓에 회원등록

});

node_cron.schedule('* * * * * *', function(){

//재고 수량이 10개 미만인것 가져오기

var sql = "SELECT * FROM item1 WHERE item_qty < 10";

conn.query(sql, function(err, rows, fields){

if(!err) { //오류가 없다면

var dt = new Date();

io.sockets.emit('subscribe', {

id: String(dt),

msg : String(JSON.stringify(rows))

});

}

});

module.exports = router;

파일명 : views/batch.ejs

<!DOCTYPE html>

<html>

<head>

$(document).ready(function(){

//socket.io서버에 접속

var socket = io.connect("http://127.0.0.1:1005");

//서버에 접속되면

socket.on('connect', function(){

//접속시 최초의 값을 서버에 전달함.

socket.emit('init', {id:'hss', msg:'hello'});

socket.on('subscribe', function(data){

var tmp = $('#txt_out').val();

$('#txt_out').val(data.id+","+data.msg+"\n");

});

</script>

</head>

<body>

</body>

</html>

크롬에서 127.0.0.1:3000/batch 실행

IT견습생

2017년 10월 12일 목요일

nodejs설치 및 환경설정 / json 이용 하여 실시간 업데이트

댓글 없음:

댓글 쓰기