> 웹 프론트엔드 > JS 튜토리얼 > node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

青灯夜游
풀어 주다: 2021-09-09 11:24:49
앞으로
3426명이 탐색했습니다.

node.js를 사용하여 로컬 서버를 설정하는 방법은 무엇입니까? 다음 글에서는 node.js로 로컬 서버를 구축하는 방법을 소개하겠습니다. 도움이 되셨으면 좋겠습니다!

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

node.js는 JavaScript 기반의 백엔드 언어입니다. 프론트엔드 친구들이 빠르게 시작하고 스스로 로컬 서버를 구축할 수 있습니다. 어떻게 하는지 한번 살펴볼까요~

[추천 학습: "nodejs tutorial"]


참고: 이 글은 :本文章需要了解MySQL数据库的增、删、改、查命令,需手动新建仓库与数据表

一、node安装与简单使用

1. 下载

官网:node

  • node官网下载node.js,并安装。

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

  • 安装成功后,打开任意终端窗口,这里使用cmd窗口(win + r后输入cmd回车)

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

  • 在终端窗口中输入 node  -v,出现node 版本号即为安装成功

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

2. 简单使用

:这里使用VSCode编辑器演示,文件名可自定义,建议使用英文名!

  • 新建code文件夹,并使用代码编辑器打开

  • 在工作区,鼠标右键,选择在集成终端中打开

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

  • 集成终端中输入npm init -y进行对npm 的快速初始化

  • 初始化结束后,工作区会出现package.json的文件,这里会记录下载的第三方模块

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

  • 首次接触npm的,建议执行如下命令,使用淘宝的镜像下载,会加快第三方模块的下载速度

    npm config set registry https://registry.npm.taobao.org

  • 接下来,开始执行下载所需第三方模块的命令

    npm install express mysql

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

  • 下载成功后(如下图所示)

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

二、代码演示

1. 连接数据库

代码如下(示例):

新建db.js为了代码结构清晰,可复用,这里选择新建文件,连接mysql数据库

    //导出    module.exports = (sql,callback) => {        const mysql = require('mysql')        const conn = mysql.createConnection({            host:'localhost',            // user、password需手动添加,与数据库保持一致            user:'',            password:'',            database:'数据库名'
        })        // 建立连接
        conn.connect()
        conn.query(sql,callback)        // 断开连接
        conn.end()
    }复制代码
로그인 후 복사

2. 新建本地服务

代码如下(示例):

新建index.js

 //首先加载express    const express = require('express')    const app = express()    //端口号    const port = 3000    //引入自定义的mysql文件    const db = require('./db.js')    
    //这里仅列举发送GET请求
    app.get('url',(req,res) =>{
        db('select * from 表名', (err,result) => {            if(err) throw err
            res.send(result)
        })
    })
    
    app.listen(port,() => console.log('server is start,port is', port))复制代码
로그인 후 복사

3. 测试本地服务

  • 代码编辑器运行index.js

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

  • 使用 ApiPost 软件测试本地服务

127.0.0.1或者localhost추가, 삭제, 수정, 쿼리에 대한 이해가 필요합니다. MySQL 데이터베이스

명령을 수행하려면 새 웨어하우스와 데이터 테이블을 수동으로 생성해야 합니다

node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명

1. 노드 설치 및 간단한 사용

1. span>

공식 웹사이트: node

1. png

  • 설치가 성공적으로 완료되면 터미널 창을 열고 여기에서 cmd 창을 사용합니다(win + r 다음에 cmd를 입력하고 Enter 키를 누릅니다)
🎜node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명🎜
  • 입력 터미널 창 node -v, 노드 버전 번호가 나타나면 설치 성공입니다
🎜node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명🎜🎜🎜2. 사용이 간편함🎜🎜🎜 참고: 여기서는 🎜VSCode🎜 편집기를 사용하여 파일 이름을 사용자 정의할 수 있습니다. 🎜
  • 🎜새 code 폴더를 생성하고 코드 편집기로 엽니다🎜
  • 🎜작업 공간에서 마우스 오른쪽 버튼을 클릭하고 통합 터미널에서 열기를 선택하세요🎜
🎜4. png 🎜
  • 🎜통합 터미널에 npm init -y를 입력하면 npm을 빠르게 초기화할 수 있습니다🎜
  • 🎜초기화가 완료되면 작업 공간이 package.json 파일이 나타나면 다운로드한 타사 모듈이 여기에 기록됩니다🎜
🎜node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명🎜
  • 🎜npm을 처음 접하시는 분이라면 아래 실행을 권장합니다 명령을 실행하고 Taobao 미러를 사용하세요. 다운로드하면 타사 모듈의 다운로드 속도가 빨라집니다🎜🎜npm 구성 세트 레지스트리 https://registry.npm.taobao.org🎜
  • 🎜다음으로, 필요한 타사 모듈을 다운로드하는 명령 실행을 시작하세요🎜🎜npm install express mysql🎜
🎜node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명🎜
  • 다운로드 성공 후 (아래 그림 참조)
  • ul>🎜node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명🎜🎜 🎜2. 코드 데모🎜🎜🎜🎜1. 데이터베이스에 연결 span>🎜🎜🎜코드는 다음과 같습니다(예): 🎜🎜새 db.js 코드>코드 구조를 명확하고 재사용 가능하게 만들기 위해 여기에서 연결할 새 파일을 생성하도록 선택하세요. mysql 데이터베이스🎜rrreee🎜🎜2. 새로운 로컬 서비스 생성🎜🎜🎜 코드는 다음과 같습니다. (예시): 🎜🎜New index .js🎜rrreee🎜🎜3. 로컬 서비스 테스트🎜🎜
    • 코드 편집기가 index.js
    🎜node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명🎜
    • ApiPost 소프트웨어를 사용하여 로컬 서비스 테스트
    🎜127.0.0.1 또는 localhost는 모두 로컬 주소입니다🎜🎜🎜🎜🎜🎜🎜Summary🎜🎜🎜이 글에서는 새 데이터베이스를 만드는 방법에 대해 설명하지 않습니다. 데모가 필요한 경우 댓글란에 메시지를 남겨주세요~🎜 🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 node.js를 사용하여 로컬 서버를 구축하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿