nodejs配置express服務(wù)器運(yùn)行自動(dòng)打開(kāi)瀏覽器詳細(xì)步驟
前言
作為前端開(kāi)發(fā)的項(xiàng)目，有的時(shí)候打包完后就想在本地測(cè)試是什么樣子的，另外一些如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
由于配置后來(lái)修改，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") //打開(kāi)網(wǎng)頁(yè)
app.listen(7010, () => {
console.log('啟動(dòng)成功，請(qǐng)打開(kāi)http://localhost:7010')
})
5, package.json最終配置
{
"name": "express-server",
"version": "1.0.0",
"description": "nodejs 編寫(xiě)的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)嗎？大劍師的訪問(wèn)者</h1> </html>
7，執(zhí)行命令
npm run start
開(kāi)啟服務(wù)，同時(shí)打開(kāi)瀏覽器，瀏覽網(wǎng)頁(yè)
總結(jié)
到此這篇關(guān)于nodejs配置express服務(wù)器運(yùn)行自動(dòng)打開(kāi)瀏覽器的文章就介紹到這了,更多相關(guān)nodejs配置express服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了node模塊與npm包管理工具,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2021-09-09
詳解Node使用Puppeteer完成一次復(fù)雜的爬蟲(chóng)
這篇文章主要介紹了詳解Node使用Puppeteer完成一次復(fù)雜的爬蟲(chóng),小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
NodeJs實(shí)現(xiàn)簡(jiǎn)單的爬蟲(chóng)功能案例分析
爬蟲(chóng)，是一種按照一定的規(guī)則，自動(dòng)地抓取網(wǎng)頁(yè)信息的程序或者腳本。這篇文章通過(guò)一個(gè)案例給大家分享NodeJs實(shí)現(xiàn)簡(jiǎn)單的爬蟲(chóng)功能，感興趣的朋友一起看看吧2018-12-12
Node.js?中?fs?模塊的高級(jí)用法實(shí)例詳解
文章介紹了Node.js中fs模塊的高級(jí)用法,包括流式讀寫(xiě)、文件監(jiān)視、PromiseAPI、遞歸目錄操作等,這些功能有助于更好地處理復(fù)雜文件操作場(chǎng)景,提升代碼性能和可維護(hù)性,感興趣的朋友跟隨小編一起看看吧2025-02-02
Node.js發(fā)起HTTP請(qǐng)求的6種不同方法小結(jié)
本文主要介紹了Node.js發(fā)起HTTP請(qǐng)求的6種不同方法小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
better?sqlite3安裝node?gyp原生模塊編譯prebuild-install
這篇文章主要為大家介紹了Nodejs關(guān)于原生模塊編譯node-gyp?+?prebuild-install?(以安裝?better-sqlite3為例)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
node.js中的fs.exists方法使用說(shuō)明
這篇文章主要介紹了node.js中的fs.exists方法使用說(shuō)明,本文介紹了fs.exists方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12
node.js正則表達(dá)式獲取網(wǎng)頁(yè)中所有鏈接的代碼實(shí)例
這篇文章主要介紹了node.js正則表達(dá)式獲取網(wǎng)頁(yè)中所有鏈接的代碼實(shí)例,使用正則表達(dá)式實(shí)現(xiàn),需要的朋友可以參考下2014-06-06
利用yarn代替npm管理前端項(xiàng)目模塊依賴的方法詳解
這篇文章主要給大家介紹了關(guān)于利用yarn代替npm管理前端項(xiàng)目模塊依賴的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
如何刪除所有node_modules和package-lock配置文件
這篇文章主要介紹了如何刪除所有node_modules和package-lock配置文件問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02