node.js가 웹 서버를 구축하는 방법에 대한 자세한 그래픽 설명
- 藏色散人앞으로
- 2022-08-08 10:27:031937검색
node.js를 사용하여 웹 서버 구축
먼저 node.js 설치를 소개하고, 그런 다음 node.js를 사용하여 간단한 웹 서버 구축을 소개하고, 마지막으로 간단한 예제를 사용하여 노드 간의 데이터 상호 작용 구현을 보여줍니다. 웹페이지와 서버.
WEBServer
WEB 서버는 WWW 서버라고도 합니다. WWW(World Wide Web, 중국어로 번역: World Wide Web 또는 Global Information Network) 서버의 기본 기능은 웹 정보 검색 서비스를 제공하는 것입니다. 웹 서버는 웹 브라우저와 같은 클라이언트에 문서를 제공할 수 있고 전 세계가 검색할 수 있는 웹 사이트 파일을 배치할 수 있으며 전 세계가 다운로드할 수 있는 데이터 파일을 배치할 수도 있습니다.
일반적인 웹 서버 소프트웨어에는 Apache, 인터넷 정보 서비스(IIS) 등이 포함됩니다.
Apache 서버: Apache 서버는 거의 모든 컴퓨터 플랫폼에서 실행될 수 있는 오픈 소스 무료 서버 소프트웨어입니다. Apache는 오픈 소스이기 때문에 누구나 새로운 기능 개발에 참여하고 Apache 서버를 지속적으로 개선할 수 있습니다. Apache HTTP Server(약칭: Apache)는 Apache Software Foundation의 오픈 소스 웹 페이지로, 널리 사용되는 거의 모든 컴퓨터 플랫폼(즉, 여러 플랫폼을 지원함)에서 실행될 수 있는 모듈식 서버입니다. 응용 프로그램 서버에 속합니다.
IIS 서버: IIS 서버는 IIS가 공용 인트라넷이나 인터넷에 신뢰할 수 있는 웹 서버를 게시할 수 있도록 하는 Microsoft 서버입니다. IIS는 Microsoft의 Windows 운영 체제에서만 사용할 수 있습니다.
위에서 언급한 웹 서비스 소프트웨어에 의존할 필요는 없습니다. Node.js를 사용하여 웹 서버를 구축할 수도 있습니다.
Node.js무엇인가요?
간단히 말하면 Node.js는 JavaScript를 백엔드로 사용할 수 있는 오픈 소스 및 크로스 플랫폼 서버측 JavaScript 런타임 환경입니다.
Windows에 Node.js 설치
Node.js를 사용하려면 Node.js를 설치해야 합니다.
Node.js를 사용하려면 설치가 필요합니다. 먼저 nodejs 공식 웹사이트 Node.js 로 이동하거나 중국 웹사이트 로 이동하여 다운로드 | Node.js 중국 웹사이트 download
LTS는 "장기 지원"을 의미하며 대부분의 경우 다음을 권장합니다. 사용자는 이 버전을 사용합니다. 제가 다운로드한 것은 node-v14.18.1-x64.msi
다운받은 설치 패키지를 더블클릭해서 직접 설치하시면 됩니다. 환경 변수는 설치 중에 자동으로 구성됩니다. (기본적으로 설치 경로는 경로 환경 변수에 자동으로 추가됩니다.) 초보자를 배려하기 위해 설치 과정을 아래에 자세히 설명합니다.
아래 그림과 같이 다운로드한 설치 패키지를 두 번 클릭하여 설치합니다.
다음 버튼을 클릭하면 다음 인터페이스가 나타납니다.
동의 동의 옵션을 선택하고 다음 버튼을 클릭하면 다음 인터페이스가 나타납니다.
Node.js의 기본 설치 디렉터리는 "C:Program Filesnodejs"입니다. 디렉터리를 수정하고(드라이브 문자 D를 변경했습니다) 다음 버튼을 클릭하면 다음 인터페이스가 나타납니다.
트리 아이콘 노드를 클릭하여 필요한 설치 모드를 선택할 수 있습니다. 여기에서는 기본값을 유지하고 다음 버튼을 클릭하면 다음 인터페이스가 나타납니다.
네이티브 컴파일을 위한 도구를 설치하려는 경우 모듈을 선택하려면 확인란을 클릭하세요. 일반적으로 이러한 도구를 설치할 필요가 없으므로 이 상자를 선택할 필요가 없습니다. 다음 버튼을 클릭하면 다음 인터페이스가 나타납니다.
Node.js 설치를 시작하려면 설치 버튼을 클릭하세요. 인터페이스가 나타납니다:
잠시 기다려주시면 다음 인터페이스가 나타납니다.
이때 마침 버튼을 클릭하여 설정 마법사를 종료하세요.
설치 후 디렉터리는 아래와 같습니다.
디렉토리에 npm.cmd가 표시됩니다. 무엇인가요?
Node.js를 설치하면 npm도 자동으로 설치됩니다. Node.js 코드 배포의 많은 문제를 해결할 수 있는 노드 패키지(모듈) 관리 도구입니다.
사용자에게 허용 NPM 서버는 로컬 사용을 위해 다른 사람이 작성한 타사 패키지를 다운로드합니다.
사용자가 로컬 사용을 위해 NPM 서버에서 다른 사람이 작성한 명령줄 프로그램을 다운로드하고 설치할 수 있습니다.
사용자가 다른 사람이 사용할 수 있도록 NPM 서버에 작성한 패키지나 명령줄 프로그램을 업로드할 수 있습니다.
이전 버전의 npm을 설치하는 경우 npm 명령을 통해 쉽게 업그레이드할 수 있습니다. Windows 시스템의 경우 다음 명령을 사용하세요.
npm install npm -g
npm 패키지 관리 도구를 사용하여 타사 라이브러리(npm 패키지)를 설치하세요. 설치 방법은 전역 설치와 로컬 설치 두 가지가 있습니다.
명령줄에서
npm install X # 局部（本地）安装，则是将模块下载到当前命令行所在目录。可能会遇到 “'X' 不是内部或外部命令，也不是可运行的程序”错误。 npm install X -g # 全局安装，可以直接在命令行里使用。와 같은 -g가 있는지만 차이가 납니다
Node.js와 npm이 제대로 설치되었는지 확인하세요
win+r 열고 실행하려면 cmd를 입력하여 명령줄 인터페이스로 들어갑니다. 그런 다음 node -v 및 npm -v 명령을 입력하여 노드 버전 번호와 npm 버전 번호를 확인합니다. 아래 그림을 참조하세요.
버전 번호가 올바르게 표시됩니다. OK!
node.js를 사용하여 간단한 웹 서버를 구축하세요
프로젝트 디렉터리에 myServer.js라는 파일을 만들고(여기서는 D: test 폴더를 예로 들어요) 다음 코드를 작성하세요:
var http = require('http');
http.createServer(function (request, response) {
// 发送 HTTP 头部
// HTTP 状态值: 200 : OK
// 内容类型: text/plain。并用charset=UTF-8解决输出中文乱码
response.writeHead(200, {'Content-Type': 'text/plain; charset=UTF-8'});
// 下句是发送响应数据
response.end('Hello World! 这是简单的web服务器测试。\n');
}).listen(8888);
// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/'); 설명: 여기서 var http = require("http");는 require 명령을 사용하여 http 모듈을 로드하고 인스턴스화된 HTTP 값을 http 변수에 할당합니다.
.js 프로그램을 작성한 후 node.js를 통해 실행해야 합니다. CMD에서 먼저 프로그램이 작성된 디렉터리로 전환한 다음 전환하지 않으면 node XXX.js를 사용하여 서비스를 시작합니다. 경로를 먼저 지정한 다음 노드 경로 XXX.js를 사용하여 서비스를 시작합니다. 그런 다음 브라우저에 해당 수신 IP 주소와 포트 번호를 입력합니다. 루프백 테스트이므로 127.0.0.1이 테스트 IP로 사용됩니다.
노드 D:를 사용하여 myServer.js 폴더를 테스트하세요. 아래 그림을 참조하세요.
간단한 예제는 성공적으로 실행됩니다. 이는 실제로 node.js를 사용하여 서버를 구축한 다음 포트 액세스 이벤트를 모니터링하는 것입니다. 마지막으로 그에 따라 응답하십시오. CMD를 닫거나 Ctrl+C를 누르면 서비스가 종료된다는 점을 지적해야 합니다.
이제 브라우저를 열고 http://127.0.0.1:8888/을 방문하면 다음 웹페이지가 표시됩니다:
성공!
웹 페이지와 서버 간 데이터 상호 작용의 예
이제 간단한 예를 사용하여 웹 페이지와 서버 간의 데이터 상호 작용 구현을 보여 드리겠습니다.
이 예제는 서버 코드와 웹 페이지 코드의 두 부분으로 구성됩니다.
서버 코드는 다음과 같습니다.
//require表示引包，引包就是引用自己的一个特殊功能
var http = require("http");
var url = require("url");
var server = http.createServer(function(req,res){
//得到查询部分，由于写了true，那么就是一个对象
var queryObj = url.parse(req.url,true).query;
var name = queryObj.name;
var age = queryObj.age;
var sex = queryObj.sex;
res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
res.end("服务器收到了表单请求" + name + age + sex);
});
//运行服务器，监听3000端口（端口号可以任改）
server.listen(3000,"127.0.0.1");
// 终端打印如下信息
console.log('Server running at http://127.0.0.1:3000/')
파일 이름을 프로젝트 디렉터리에 server2.js로 저장합니다(여기서는 D: test 폴더 가져옴) 예)
노드 D 사용: 테스트 폴더 Server2.js 실행:
网页代码如下：
76c82f278ac045591c9159d381de2c57 3d5001d4a74c4b681850f519bcffe8a9 93f0f5c25f18dab9d176bd4f6de5d30e a80eb7cbb6fff8b0ff70bae37074b813 b2386ffb911b14667cb8f0f91ea547a7与服务端交互网页6e916e0f7d1e588d4f442bf645aedb2f 9c3bca370b5104690d9ef395f2c5f8d1 6c04bd5ca3fcae76e30b72ad730ca86d c28dc22777a110c8fc8dc32fcbf68a41 姓名： 781a88e410aaf559e10fc8c44e91c0e6 ff9d32c555bb1d9133a29eb4371c1213 年龄： 911042017c7db061b4c895a6ae9025fb ff9d32c555bb1d9133a29eb4371c1213 e9cf5dbad3d5362cdf306f006ffe154d 男 f94c9d1a4373f712979e8e39ed12e706 女 ff9d32c555bb1d9133a29eb4371c1213 7b77c241f0d7229bdc03f42f94049386 f5a47148e367a6035fd7a2faa965022e 36cc49f0c466276486e50c850b7e4956 73a6ac4ed44ffec12cee46588e518a5e
保存文件名为 与服务端交互示例.html ，用浏览器运行：
特别说明，示例比较简单，特别是后端对数据的处理进行了简化，在实际应用系统中后端一般使用数据库保存数据，这样做主要是让新手有一个直观易懂的感性了解，让初学者有个总体概观，便于快速入门，有了这些，深入学习就有了基础。
推荐：《node.js视频教程》
위 내용은 node.js가 웹 서버를 구축하는 방법에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!