Notice
Recent Posts
Recent Comments
Today
Total
04-30 00:02
Archives
관리 메뉴

Jeongchul Kim

Intel Edison board Eclipse NodeJS Express 본문

사물인터넷

Intel Edison board Eclipse NodeJS Express

김 정출 2016. 3. 8. 17:35


Intel Edison board Eclipse NodeJS Express

websocket -> socket.io


server의 두 기능

web server + application server = WAS

express


1. express 만들기

프로젝트와 자바스크립트 파일 생성하기


소스 코드 입력하기

var http = require("http");

var express = require("express");

var app = express();

app.use( express.statis(__dirname+'/public'));

http.createServer(app).listen(9090,function() {

console.log("server running on 9090 ...");

console.log("with Express");

}); //port:9090


프로젝트 안에 public 폴더를 생성한다.

index.html 파일을 생성한다.


index.html 소스 코드 입력

<! Doctype html>

<html>

<body>

<h1>Welcome Express Server </h1>

<p> THis is index page </p>

</body>

</html>


webserver.rexpfd 오른쪽 버튼을 클릭하여 Open to Remot File Exporter버튼을 누른다.




Yes 버튼을 누른다.



put을 실행한다.


putty를 실행한다.

root@edison_kjc:~/js/webserver# npm install express

express.js를 실행한다.

root@edison_kjc:~/js/webserver# node express.js

server running on 9090 ...

with Express






이어서 두 번째

express.js 소스파일을 수정한다.

var http = require("http");

var express = require("express");

var app = express();

app.use( express.static(__dirname+'/public'));

app.get('/cgi/cmd.do', function(req,res) {

console.log("cmd!!!");

res.send("<h1>CMD</h1>");

});

http.createServer(app).listen(9090,function() {

console.log("server running on 9090 ...");

console.log("with Express");

}); //port:9090 !



이어서 세 번째

구글에서 button icon pressed unpressed 검색하여 이미지를 /public 밑으로 저장한다.


index.html 수정

<! Doctype html>

<html>

<head>

<style rel="stylesheet" type="text/css">

.btn{

background-image : url('button.jpg');

width:320px; height:157;

}

</style>

</head>

<body>

<h1>Welcome Express Server </h1>

<p> THis is index page </p>

<div id="btn" class="btn">/div>

</body>

</html>


최종적으로 프로젝트 목록


webserver.rexpfd 오른쪽버튼을 클릭하여 Open Remote File Exporter 선택

public 폴더 밑의 jpg파일을 선택하여 finish


button.jpg index.html을 put한다.

putty에서 node express.js 실행


웹브라우저에서 접속한다.



Comments