nodejs开发入门01启动服务器

news2024/9/20 17:25:43

1 创建项目

搭建服务器的时候，先需要在我们本地电脑进行开发，开发完毕后再上传到云服务器上。在磁盘创建一个文件夹，我这里创建一个nodejs的文件夹
在这里插入图片描述
创建好了之后，打开我们的开发工具，vscode，选择file-》open folder

选择我们刚刚创建的文件夹

2 初始化项目

既然是使用nodejs开发，需要使用nodejs的内置库和第三方的包，所以需要一个包的配置文件，package.json来记录我们包的名称和版本

在导航条点击terminal，点击New Terminal
在这里插入图片描述
在光标位置输入如下命令

npm init

在这里插入图片描述
按照我下述的配置进行配置

package name: (nodejs) 
version: (1.0.0)
description:
entry point: (index.js) app.js
test command:
git repository:
keywords:
author:
license: (ISC)

这里注意，entry point表示入口的文件，我们这里定义为app.js，入口文件意味着服务器启动的时候要调用这个脚本

执行完命令后，可以发现我们的根目录多了一个package.json文件，这就是我们的包管理器的配置文件

打开这个文件，可以看到具体的配置信息

{
  "name": "nodejs",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

修改其中的scripts脚本命令，添加启动命令

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev":"node app.js"
  }

添加后我们就可以在terminal里输入npm run dev来启动我们的服务器，这条命令执行后其实是执行的node app.js会顺序执行app.js里的代码

3 创建app.js

将光标移动到package.json文件，点击New FIle创建我们的app.js文件
在这里插入图片描述

4 服务器启动代码

在app.js中输入如下代码

const http = require('http')

const server = http.createServer(function(request,response){
    response.write('hello world')
    response.end()
})

server.listen(3000,()=>console.log('server is started'))

代码的含义，第一段我们引入了nodejs的内置模块，用来创建服务器

第二段是在创建服务器的时候向客户端返回一个Hello world

第三段是启动服务器，监听3000端口

代码输入后在terminal里输入npm run dev，可以看到控制台打印了server is started
在这里插入图片描述

5 浏览器里访问

打开浏览器，输入URL

http://localhost:3000

在这里插入图片描述
可以看到页面上显示了hello world，表示我们的服务器已经搭建成功了

6 部署到云服务器

这里我们使用轻应用服务器作为搭建，模板选择nodejs
在这里插入图片描述
创建成功后，点击查看实例，打开我们的服务器

点击登录，跳转到登录页面

进入控制台后，我们先查看一下node的版本和npm的版本

创建一个文件夹用来放我们的代码

把我们本地的app.js和package.json上传到服务器上
在这里插入图片描述
服务器上的3000端口已经占用了，我们修改成3001，然后输入启动命令，可以看到服务器正常启动了

打开防火墙，开通我们的3001端口

然后使用公网IP加端口号就实现了我们本地一样的效果，当然了如果有域名，配置上域名就可以使用域名访问了