ExpressJS 시작

본고는 처음으로 www.brianemilius.com/get-started-with-expressjs/에 발표되었다.자세한 내용은 를 참조하십시오www.brianemilius.com/blog.
ExpressJS는 Node에서 서버측 웹 응용 프로그램을 만드는 가장 유행하는 프레임워크일 수 있습니다.js.
이 블로그 시리즈에서, 나는 너에게 어떻게 시작하고, 어떻게 정확한 방식으로 하는지 보여주고 싶다™.

선결 조건

노드 기초 지식.js와 npm

일부 중급 JavaScript 지식

기본 HTML 및 CSS

소개

첫 번째 일.제가 여러분께 많은 작은 코드 세션과 기술 화제를 소개하기 전에 서버 사이드 웹 응용 프로그램이 무엇인지 먼저 살펴보겠습니다.
기본적으로 우리는 두 가지 주요 서로 다른 웹 응용 프로그램이 있는데 그것이 바로 서버 측과 클라이언트이다.
클라이언트에서, 통상적으로 브라우저는 서버에서 scaffold HTML 페이지를 수신합니다.그런 다음 서버에 데이터를 조회하여 HTML 프레임워크에 표시합니다.이를 클라이언트 렌더링(CSR)이라고 합니다.
이 용례는 매우 유행한다(2019년). 페이스북이나 유튜브 등 많은 대기업 사이트에서 볼 수 있다.
이런 방법이 유행하는 두 가지 원인은 성능과 유지보수이다.만약 서버가 모든 요청에 대해 더 적은 작업을 해야 한다면, 그것들의 성능은 더욱 좋아질 것이다.이것 또한 서버 환경을 유지하는 것이 훨씬 쉽다는 것을 의미한다.
이런 방법의 단점은 우리가 클라이언트 설비에 대량의 업무를 투입했다는 것이다.이는 휴대전화나 노트북의 배터리 소모 속도가 빠르고 데이터 계획의 사용 속도도 빠르다는 것을 의미한다.
다른 한편으로는 서버 측 렌더링(SSR)입니다.
SSR은 서버가 웹 페이지에 대한 요청을 받는 방법입니다.그리고 HTML 페이지를 정리하는 데 필요한 모든 데이터를 수집하여 페이지를 보여주고 클라이언트에게 보냅니다.
이런 방법은 클라이언트 장치가 아니라 거의 모든 작업을 서버에 남겨 두었다.이곳의 단점은 서버가 사실상 모든 요청을 위해 일을 해야 한다는 것이다.웹 응용 프로그램이 요청을 많이 받을수록 서버가 작동하기 어려워집니다.

지금 잠수하래요.

우선 NPM 프로젝트를 초기화하고 ExpressJS 패키지를 설치해야 합니다.컴퓨터의 어느 위치에 새 폴더를 만듭니다.이 폴더는 우리의 루트 디렉터리입니다.

mkdir my-express-app
cd my-express-app
npm init -y && npm i express

응용 프로그램을 만듭니다.js 파일을 입력하고 이 코드를 입력하십시오.

// app.js

let express = require("express");
let app = express();
let Router = express.Router();

Router.get("/", function routerCallback(request, response) {
    response.send("Hello, World!");
});

app.use(Router);

app.listen(1337, function server(err) {
    if (err) {
        console.log(error);
        process.exit(1);
    }
    console.log("Server is listening on port 1337");
});

표준 구성

우선, 우리는expresslibrary가 필요합니다.이것은 전체 응용 프로그램의 실행에 필요한 것이다.
그리고 express 라이브러리를 호출하여 app 라는 변수에 넣습니다.
express에서 Router 함수를 호출해야 합니다.
이 세 가지는 응용 프로그램의 핵심이다.우리는 공유기 기능을 사용하지 않을 것을 선택할 수 있지만, 이 예에서, 나는 그것을 사용한다. 왜냐하면 나는 응용 프로그램 설정과 논리를 공유기 엔진과 분리하는 것을 좋아하기 때문이다.

경로

응용 프로그램의 다음 일은 루트입니다."/"포트를 위한 탐지기를 만듭니다. 이 포트는 저희 홈페이지 ("frontpage") 의 루트입니다.

Router.get("/", function routerCallback(request, response) {
    response.send("Hello, World!");
});

수신기는 HTTP 메서드 GET를 사용하여 포트에 대한 모든 요청을 수신합니다.클라이언트가 엔드포인트 주소로 GET 요청을 보내면 콜백 함수가 트리거됩니다.나는 몇 가지 물건을 어떻게 당신의 사이트에 나타나게 하는지 설명하는 아주 짧은 예를 들었다."안녕하세요, 세상!"소식
일단 우리가 모든 루트 함수를 작성하면, 응용 프로그램에 공유기를 사용하라고 알려야 한다.

app.use(Router);

서버 시작

마지막으로, 우리는 우리에게 알려준 응용 프로그램 감청 포트를 통해 서버를 시작합니다.이 예에서 나는 포트 1337을 사용하지만, 실제로는 모든 비보존 포트를 사용할 수 있습니다.express 프로그램에서 사용하는 흔한 포트는 3000입니다.

app.listen(1337, function server(err) {
    if (err) {
        console.log(error);
        process.exit(1);
    }
    console.log("Server is listening on port 1337");
});

어플리케이션 시작 및 테스트

app.js 파일을 저장하면 응용 프로그램을 실행하고 테스트할 수 있습니다.그것을 실행하려면 컨트롤러에 이 명령을 입력하십시오.

node app

그것은 마땅히 너에게 메시지를 주어야 한다

Server is listening on port 1337

현재 이 주소 http://localhost:1337/ 를 탐색하여 브라우저에서 웹 사이트를 열 수 있습니다.
이것은 당신이 마땅히 보아야 할 것이다.

애플리케이션을 중지하려면 콘솔에서 CTRL + C 를 클릭합니다.
이것은 ExpressJS를 사용하기 시작한 기초입니다.다음 블로그에서, 나는express 응용 프로그램의 구조에 대해 조금 쓸 것이다.
평론에서 당신이 따랐는지, 그리고 그것이 당신에게 어떤 효과가 있는지 알려주세요.
Technology vector image created by slidesgo - www.freepik.com