nodejs配置express服务器,运行后自动打开浏览器

简介: 作为前端开发的项目,有的时候打包完后就想在本地测试是什么样子的,另外一些如cesium等程序,需要在服务的环境下才能启动三维球等。 这里使用nodejs+express搭建一个普通的服务器。

@[toc]
作为前端开发的项目,有的时候打包完后就想在本地测试是什么样子的,另外一些如cesium等程序,需要在服务的环境下才能启动三维球等。 这里使用nodejs+express搭建一个普通的服务器。

代码结构:
000.png

设置方法:

1,安装nodejs

2,创建一个文件夹,然后npm init 创建package.json

000.png

由于配置后来修改,main入口改为了server.js

3, 安装express和open组件

npm install express open --save

4, 配置server.js文件

const express = require('express') 
const path = require('path') 
const app = express() 
const open = require('open') //npm另安装的模块 

app.use(express.static(path.join(__dirname, 'html'))) 

open("http://localhost:7010")  //打开网页 
app.listen(7010, () => {
   
    
  console.log('启动成功,请打开http://localhost:7010') 
})

5, package.json最终配置

{
   
    
  "name": "express-server", 
  "version": "1.0.0", 
  "description": "nodejs 编写的express为框架的一个html服务器", 
  "main": "server.js", 
  "scripts": {
   
    
    "test": "test", 
    "prestart": "echo " 启动start之前 "", 
    "start": "node server.js", 
    "poststart": "start http://localhost:7010" 
  }, 
  "author": "zjcopy.com", 
  "license": "ISC", 
  "dependencies": {
   
    
    "express": "^4.17.1", 
    "open": "^8.2.1" 
  } 
}

6,放置文件:

将静态的文件放到html文件夹中,比如一个index.html文件

<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
<title>nodejs显示html</title> 
</head> 
 <body> 
<h1>成功了,激动吗?大剑师的访问者</h1> 
</html>

7,执行命令

npm run start

开启服务,同时打开浏览器,浏览网页

相关文章
|
3天前
|
消息中间件 安全 Linux
服务器(Linux)在线下载activeMQ以及配置打开
服务器(Linux)在线下载activeMQ以及配置打开
14 3
|
3天前
|
XML 网络安全 开发工具
如何下载并安装 SAP ABAPGit,并完成 ABAP 服务器上 SSL 证书的配置试读版
如何下载并安装 SAP ABAPGit,并完成 ABAP 服务器上 SSL 证书的配置试读版
11 0
|
3天前
|
Web App开发 安全 Unix
Linux 配置FTP服务器 + vsftpd服务安装配置 (Good篇)
Linux 配置FTP服务器 + vsftpd服务安装配置 (Good篇)
|
3天前
|
存储 弹性计算 固态存储
阿里云服务器租用价格参考,2核16G、4核32G、8核64G配置收费标准
阿里云服务器2核16G、4核32G、8核64G配置最新租用价格更新,2024年阿里云产品再一次降价,降价之后2核16G配置按量收费最低收费标准为0.596元/小时,按月租用标准收费标准为260.44元/1个月。4核32G配置的阿里云服务器按量收费标准最低为1.085元/小时,按月租用标准收费标准为520.88元/1个月。8核64G配置的阿里云服务器按量收费标准最低为2.17元/小时,按月租用标准收费标准为1041.77元/1个月。云服务器实例规格的地域和实例规格不同,收费标准不一样,下面是2024年阿里云服务器2核16G、4核32G、8核64G配置的最新租用收费标准。
阿里云服务器租用价格参考,2核16G、4核32G、8核64G配置收费标准
|
3天前
|
PyTorch TensorFlow 算法框架/工具
【科研入门】搭建与配置云服务器的论文环境
本文介绍了如何搭建云服务器并配置论文代码环境,以AutoDL平台为例。首先,租用服务器并选择符合代码需求的镜像版本,如Python 3.7、TensorFlow 1.15和PyTorch。接着,启动服务器进入终端,克隆项目代码并使用Conda创建隔离的环境安装所需包。如果需在Pycharm中工作,还需在Pycharm内创建相同环境。最后,根据项目配置安装Tensorflow和PyTorch,遇到缺失包时通过`pip install`补充。完成配置后,可克隆服务器以备后续使用。遇到版本不兼容问题,可调整Conda环境的Python版本。
42 1
【科研入门】搭建与配置云服务器的论文环境
|
3天前
|
存储 JavaScript 数据库
nodejs中express框架实现增删改查接口
nodejs中express框架实现增删改查接口
|
3天前
|
开发框架 JSON JavaScript
Node.js教程-express框架
Node.js教程-express框架
42 1
|
8月前
|
JSON JavaScript 中间件
node.js中Express框架路由,中间件
node.js中Express框架路由,中间件
|
8月前
|
域名解析 监控 JavaScript
宝塔面板pm2管理器部署node.js(express框架)sever文件,可以使用域名访问你的后端项目
宝塔面板pm2管理器部署node.js(express框架)sever文件,可以使用域名访问你的后端项目
489 0
|
3天前
|
开发框架 JavaScript 中间件
深入探索Node.js的Express框架:使用与中间件详解
【4月更文挑战第30天】本文深入探讨了Node.js的Express框架,介绍了其作为Web开发的强大工具,主要聚焦于基本使用和中间件。Express是基于Node.js的Web应用框架,用于构建高效的应用和API。文章详细讲解了如何安装Express,创建简单应用,以及中间件的工作原理和应用,包括中间件的顺序、错误处理和挂载位置。此外,还提到了使用第三方中间件扩展功能。理解Express基础和中间件对于开发高质量Web应用至关重要。