快捷導(dǎo)航

nodejs配置express服務(wù)器運(yùn)行自動(dòng)打開瀏覽器詳細(xì)步驟

更新時(shí)間：2024年01月08日 11:05:52 作者：還是大劍師蘭特

在nodejs中使用express來搭建框架可以說是非常的簡單方便,下面這篇文章主要給大家介紹了關(guān)于nodejs配置express服務(wù)器運(yùn)行自動(dòng)打開瀏覽器的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下

前言

作為前端開發(fā)的項(xiàng)目，有的時(shí)候打包完后就想在本地測試是什么樣子的，另外一些如cesium等程序，需要在服務(wù)的環(huán)境下才能啟動(dòng)三維球等。這里使用nodejs+express搭建一個(gè)普通的服務(wù)器。

代碼結(jié)構(gòu)：

設(shè)置方法：

1，安裝nodejs

2，創(chuàng)建一個(gè)文件夾，然后npm init 創(chuàng)建package.json

由于配置后來修改，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")  //打開網(wǎng)頁 
app.listen(7010, () => { 
  console.log('啟動(dòng)成功，請打開http://localhost:7010') 
})

5, package.json最終配置

{ 
  "name": "express-server", 
  "version": "1.0.0", 
  "description": "nodejs 編寫的express為框架的一個(gè)html服務(wù)器", 
  "main": "server.js", 
  "scripts": { 
    "test": "test", 
    "prestart": "echo " 啟動(dòng)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，放置文件：

將靜態(tài)的文件放到html文件夾中，比如一個(gè)index.html文件

<!DOCTYPE html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
<title>nodejs顯示html</title> 
</head> 
 <body> 
<h1>成功了，激動(dòng)嗎？大劍師的訪問者</h1> 
</html>

7，執(zhí)行命令

npm run start

開啟服務(wù)，同時(shí)打開瀏覽器，瀏覽網(wǎng)頁

總結(jié)

到此這篇關(guān)于nodejs配置express服務(wù)器運(yùn)行自動(dòng)打開瀏覽器的文章就介紹到這了,更多相關(guān)nodejs配置express服務(wù)器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: