node.js로 서버 측 JavaScript 학습

Node.js : 고성능 실시간 웹 애플리케이션 구축을위한 최신 프레임 워크

Node.js는 현대적인 웹 개발에서 중요한 프레임 워크입니다. Node.js를 사용하면 JavaScript가 서버 측 및 클라이언트 측에서 엔드 투 엔드를 사용할 수 있습니다. 이 튜토리얼은 Node.js의 설치를 안내하고 첫 번째 "Hello World"프로그램을 작성하는 방법을 보여줍니다. 궁극적으로 Node.js 및 Express를 사용하여 날씨 API를 구축하는 방법을 배웁니다.

node.js 란 무엇입니까?

전통적으로 JavaScript는 웹 브라우저에서만 실행될 수 있지만 Node.js는 서버 측으로 가져 오는 데 관심이 높아짐에 따라 Node.js가 시작되었습니다.

Node.js는 스레드가 아닌 이벤트를 기반으로하기 때문에 다른 서버 기술과 약간 다릅니다. PHP 및 기타 CGI 스크립트를 제공하는 데 사용되는 Apache와 같은 웹 서버는 수신 요청에 대한 시스템 스레드를 생성하기 때문에 스레드 기반입니다. 많은 응용 프로그램에 충분하지만 많은 장기 연결을 다룰 때 스레드 기반 모델이 확장 할 수 없습니다 (예 : 인스턴트 메시징 응용 프로그램과 같은 실시간 응용 프로그램을 제공하는 데 필요한 연결).

"Node.js의 모든 I/O 작동은 비동기입니다 ..."

Node.js는 스레드 대신 이벤트 루프를 사용하며 수백만 개의 동시 연결로 확장 할 수 있습니다. 서버가 I/O 운영을 기다리는 데 대부분의 시간을 소비한다는 사실을 활용하여 (예 : 하드 디스크에서 파일을 읽거나, 외부 웹 서비스에 액세스하거나, 파일 업로드가 완료되기를 기다립니다) 이러한 작업은 메모리 작업보다 훨씬 느리기 때문입니다. Node.js의 각 I/O 작동은 비동기식이므로 I/O 작동이 진행 중이며 서버가 수신 요청을 계속 처리 할 수 ​​있습니다. JavaScript는 익명의 기능과 폐쇄가 있기 때문에 이벤트 기반 프로그래밍에 적합하여 인라인 콜백을 정의하는 데 바람이 불고 JavaScript 개발자는 이미 이런 식으로 프로그래밍하는 방법을 알고 있습니다. 이 이벤트 기반 모델은 Node.js를 매우 빠르게 만들고 실시간 응용 프로그램의 스케일링을 매우 쉽게 만듭니다.

1. 설치하다

Node.js는 공식적으로 Linux, MacOS, Microsoft Windows, SmartOS 및 FreeBSD를 지원합니다. Windows (v16 이상)에 최신 버전의 Node.js를 설치하려면 컴퓨터가 Windows 8.1, 10 또는 11을 실행해야합니다.

Node.js에는 Node Package Manager (NPM For Short)라는 자체 패키지 관리자가 내장되어있어 NPM 레지스트리에서 타사 모듈을 설치할 수 있습니다.

1. Nodejs.org에서 Node.js의 최신 버전을 다운로드하십시오 (최신 버전은 작성시 17.9.0이고 최신 LTS 버전은 16.14.2). 컴퓨터에서 .msi 파일을 다운로드해야합니다.
2. 파일을 실행하고 설치 마법사를 완료하십시오. 대부분의 옵션은 선택 사항입니다. 정당한 이유가 없다면 프로그램 경로를 변경할 필요가 없습니다. Chocolate (Windows 패키지 관리자)을 설치 하거나이 단계를 건너 뛰도록 선택할 수 있습니다.
3. 설치 마법사가 완료되고 Node.js가 성공적으로 설치된 후 터미널을 열고 npm -v 실행하여 NPM 버전을보십시오.

또한 프로그램에서 노드 를 검색하면 Node.js 명령 프롬프트를 찾아야합니다.

명령 프롬프트는 javaScript node.js 코드를 입력하고 즉시 코드를 평가하고 결과를 출력 할 수있는 Repl (read-evaluation-print loop)을 제공합니다. 외부 파일에서 JavaScript를 대체 세션 등에로드 할 수도 있습니다.

2. 안녕하세요 세상!

새로운 기술을 배우는 것은 "Hello World!"로 시작하여 그 메시지를 제공하기 위해 간단한 HTTP 서버를 만들 것입니다.

먼저 새로운 node.js 프로젝트를 만들 것입니다. 이렇게하려면 터미널을 열고 프로젝트가 위치하려는 디렉토리로 전환 한 다음 다음 명령을 실행하십시오.

 npm init

라이브러리 이름, 작성자, 항목 파일, 라이센스 및 버전을 포함하여 라이브러리 에 대한 정보를 제공하라는 메시지가 표시됩니다. 이 단계를 건너 뛰려면 아래 그림과 같이 require 함수를 첨부하십시오 (내부 테스트 .js ).

 var util = 요구 사항 ( "util");

여기에는 util 모듈이로드됩니다. UTIL 모듈은 터미널에 출력 인쇄와 같은 시스템 수준 작업을 처리하기위한 유틸리티 기능이 포함되어 있습니다. 모듈에서 함수를 사용하려면 모듈을 저장하는 변수에서 호출하십시오 (이 경우 파일 이름을 매개 변수로 사용하는 노드 명령).

 노드 test.js

이 명령을 실행하면 "Hello World!"

HTTP 서버를 만들려면 http 모듈을 사용해야합니다.

 var util = 요구 사항 ( "util");
var http = 요구 사항 ( "http");

http.createserver (function (req, res) {
  res.writehead (200, { 'content-type': 'text/html'});
  res.write ( 'Hello World!');
  res.end ();
}). 듣기 (8080);

util.log ( "https : // localhost : 8080/"에서 실행되는 서버);

이 스크립트는 http 모듈을 가져오고 HTTP 서버를 만듭니다. 요청이 수신되면 http.createServer() 로 전달 된 익명 함수가 실행됩니다. 브라우저에서 http://localhost:8080/ 방문하면 Hello World가 표시됩니다! .

3. 간단한 정적 파일 서버

좋아, 우리는 HTTP 서버를 구축했지만 어떤 URL을 방문하든 "Hello World"외에는 아무것도 보낼 것입니다. 모든 HTTP 서버는 HTML 파일, 이미지 및 기타 파일과 같은 정적 파일을 보낼 수 있어야합니다. 이것이 다음 코드의 방식입니다.

 var util = 요구 ( "util"),
    http = require ( "http"),
    url = require ( "url"),
    경로 = 요구 ( "경로"),
    fs = 요구 ( "fs");

http.createserver (함수 (요청, 응답) {
    var uri = path.parse (request.url) .base;
    var filename = path.join (process.cwd (), uri);
    fs.access (filename, fs.constants.f_ok, function (err) {
        if (err) {
            response.writehead (404, { "content-type": "text/plain"});
            response.write ( "404 찾을 수 없음 \ n");
            응답 ();
            반품;
        }

        fs.readfile (filename, "binary", function (err, file) {
            if (err) {
                response.writehead (500, { "Content-Type": "Text/Plain"});
                response.write (err "\ n");
                응답 ();
                반품;
            }

            응답 .writehead (200);
            response.write (파일, "바이너리");
            응답 ();
        });
    });
}). 듣기 (8080);

util.log ( "http : // localhost : 8080/"에서 실행되는 서버);

먼저 코드의 모든 모듈을 사용해야합니다. 여기에는 요청 된 수신 URL을 구문 분석하고 액세스 된 파일의 경로 이름을 찾는 http , path 및 url 모듈이 포함됩니다. process.cwd() (또는 현재 작업 디렉토리)와 요청 된 파일의 경로를 사용하여 서버의 하드 드라이브에서 실제 파일 이름을 찾습니다.

다음으로 파일이 존재하는지 확인하는 비동기 조작이므로 콜백 기능이 필요합니다. 파일이 존재하지 않으면 404 찾을 수없는 메시지가 사용자에게 전송되고 함수가 반환됩니다. 그렇지 않으면 fs.readFile() 사용하여 파일을 읽습니다. 브라우저의 http://localhost:8080/path/to/file 액세스하면 파일이 브라우저에 표시됩니다.

4. Express를 사용하여 Node.js에서 날씨 API를 만듭니다

정적 파일 서버를 기반으로 주어진 도시의 예상 기상 조건을 가져오고 표시하는 Node.js 서버를 작성합니다. 먼저,이 예에서는 두 개의 추가 타사 모듈 인 axios 모듈과 express 모듈이 필요합니다. Express는 Node.js 응용 프로그램에서 Restful API를 구축하기위한 웹 프레임 워크입니다. 우리는 Express 모듈을 사용하여 각 요청에서 도시를 가져오고 도시의 예측 기상 조건을 포함하는 HTML 본체로 응답하는 단일 API 엔드 포인트를 구축 할 것입니다. 날씨 정보는 외부 API에서 나옵니다. 따라서 axios 클라이언트를 사용하여 API 요청을합니다.

먼저 다음 명령을 사용하여 express 및 axios 모듈을 동시에 설치합니다.

 npm 나는 축을 표현한다

NPM 레지스트리에서 두 모듈을 모두 설치합니다. app.get() 코드를 다음 코드로 바꾸십시오.

 app.get ( '/', (req, res) => {
    City = Req.Query.city를하자;

    axios.get (`https://api.openweathermap.org/data/2.5/forecast?q=$ {city} & appid = $ {apikey}`)
        . ((응답) => {
            if (response.status === 200) {
                res.send (`당신의 도시의 날씨 "$ {city}"입니다<br>
                $ {response.data.list [0] .weather [0] .description}`)
            }
        })
        .catch ((err) => {
            Console.log (err);
        })
})

먼저 query 속성에서 쿼리 문자열 (City)을 검색합니다.

그런 다음 axios 사용하여 일기 예보 API에 GET 요청을 발행합니다. URL에는 두 가지 변수가 필요합니다. Open Weather API 정보 센터에서 제공되는 예측 된 도시 와 고유 한 API 키를 얻으려고합니다.

res.send() 메소드를 설정합니다. 오류가 발생하면 명령 줄에서 node test.js 실행하고 다음 URL을 브라우저에 입력하여 오류 데이터를 콘솔에 로그인 할 수 있습니다.

 <code>http://localhost:3000/?city=nairobi</code>

나이로비는 원하는 도시로 교체 할 수 있습니다. 당신이 얻는 결과는 다음과 같습니다.

다음 단계

Node.js는 고성능 실시간 응용 프로그램의 생성을 단순화하는 매우 흥미로운 기술입니다. 나는 당신이 그것의 이점을보고 자신의 응용 프로그램에서 사용할 수 있기를 바랍니다. Node.js에는 강력한 모듈 시스템이 있으므로 응용 프로그램에서 오픈 소스 타사 라이브러리를 쉽게 사용할 수 있으며 데이터베이스 연결 레이어, 템플릿 엔진, 메일 클라이언트 및이 모든 컨텐츠를 연결하기위한 완전한 프레임 워크를 포함하여 거의 모든 모듈을 사용할 수 있습니다.

나는 당신에게 행복한 node.js 프로그래밍을 기원합니다!

이 기사는 업데이트되었으며 Kingsley Ubah의 공헌이 포함되어 있습니다. Kingsley는 독자들에게 교육하고 영감을주는 콘텐츠를 만드는 데 열정적입니다. 취미에는 독서, 축구 및 자전거가 포함됩니다.

위 내용은 node.js로 서버 측 JavaScript 학습의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!