nodejs之静态页面

最新推荐文章于 2024-07-25 03:30:51 发布
最新推荐文章于 2024-07-25 03:30:51 发布
阅读量3.1k 收藏
点赞数
文章标签： nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcwforali/article/details/53046352
版权
本文介绍了如何使用Node.js创建静态页面服务。首先展示了js代码直接与html结合的方式，然后过渡到将js代码与html代码分离，通过fs模块读取HTML文件并响应请求。通过这种方式，实现了对/index.html页面的处理。
摘要由CSDN通过智能技术生成

1、第一阶段：js代码与html结合

var http=require("http");
var server=http.createServer(function(req,res){
console.log("开始访问");
switch(req.url){
case '/index.html':
var html="<html><head><title>我的第一个静态nodejs网站</title></head><body><h1>nodejs之旅开始啦</h1></body></html>";
res.setHeader("Content-Type","text/html");
res.setHeader("Content-Encoding","utf8");
res.end(html);
break;
}
console.log(req.url);

最低0.47元/天 解锁文章
「已注销」
关注
只需三分钟您就可以用nodejs搭建静态网页服务器（配置静态网页访问目录）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-17 9522
Node.js 中文网Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。http://nodejs.cn/先安装nodejs 在自己的网站项目文件夹根目录里面创建app.js /** 【运行起来说明】在当前目录CMD cnpm i express & cnpm i forever -g & foreve
Node.js~获取静态页面~extname
qq_35660351的博客
01-09 511
//获取静态资源 // 思路：（express框架） // *http://localhost:1000/index.html var http = require("http"); var url = require("url"); var fs = require("fs"); var path = require("path");//extname http.createServ
【教程】Node.js+Apache 部署网页全过程（非常详细！）
最新发布
Beihai_Van的博客
07-25 1118
- 要解决的问题有： - vps 上的常规端口，80/443 端口已经被其他网页占用，必须通过非常规窗口访问我们的网站 - 网站部署中 Apache 的配置，Node 服务器的管理 - 笔者的二级域名已经设置指向该服务器的常规端口 80/443，如何使用三级域名直接访问新部署的网页而不需要输入端口号
html抓取文章,Node.js+jade抓取博客所有文章生成静态html文件的实例
weixin_29563497的博客
05-30 168
这篇文章，我们就把上文中采集到的所有文章列表的信息整理一下，开始采集文章并且生成静态html文件了.先看下我的采集效果，我的博客目前77篇文章，1分钟不到就全部采集生成完毕了，这里我截了部分的图片，文件名用文章的id生成的，生成的文章，我写了一个简单的静态模板，所有的文章都是根据这个模板生成的.项目结构:好了，接下来，我们就来讲解下，这篇文章主要实现的功能：1，抓取文章，主要抓取文章的标题，内容，...
【Node】使用Node.js构建简单的静态页面生成器
九日的博客
04-02 1326
我们的目标是创建一个能够根据模板和数据自动生成静态HTML页面的生成器。这个生成器将读取一个HTML模板文件，并使用JavaScript对象中的数据来填充这个模板，最后输出一个或多个静态HTML文件。通过这个简单的项目，我们展示了如何使用Node.js构建一个静态页面生成器。虽然这个生成器非常基础，但它为理解静态网站生成的原理和扩展更复杂的生成器提供了一个良好的起点。希望这篇文章能够激发你进一步探索静态网站生成器和Node.js的可能性。
Node.js+jade抓取博客所有文章生成静态html文件的实例
10-19
下面小编就为大家带来一篇Node.js+jade抓取博客所有文章生成静态html文件的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解Nodejs之静态资源处理
10-19
静态资源主要包括CSS样式表、JavaScript文件、图片等，它们相对于动态生成的网页内容而言，是存储在服务器上预先定义好的文件。 在Node.js中处理静态资源，通常需要了解http模块，这是Node.js的基础模块之一，用于...
基于nodejs的静态网页生成器源码+项目说明.zip
12-17
基于nodejs的静态网页生成器源码+项目说明.zip 一个基于nodejs的静态博客生成器 安装 CoinRailgun npm install -g coinrailgun 初始化博客 crn init blog cd blog 创建新的文章 crn new "Hello CRN" 生成静态文件...
express+动态生成html,node-express - 页面静态化实现
weixin_33683108的博客
06-07 532
#例：res.render('test/test.ejs',{task:task},function(err,html){console.log(html);// 此处将html转存为文件进行存储(并进行后续的静态文件的索引工作)或直接生成二进制文件发送回浏览器});##［2015-1-5 10:31:51］ 将页面另存为doc、xsl或者其他文件方式这种方式只适合要求不高的导出，其本质还是htm...
nodejs静态html文件,node不利用框架怎么实现对静态HTML、css、js的服务？
weixin_32148341的博客
06-22 450
初学nodeJS，在使用nodejs构建静态文件服务器的时候，遇到下面问题。用户请求index.html时，我使用fs.readFile读取index.html并将data返回，代码如下：function serverStatic(req,res){var filePath;if(req.url==="/"){filePath = "index.html";} else{filePath = "...
静态html如何写入文件,nodejs://实现静态html文件的公共文件包含功能
weixin_36254564的博客
06-03 455
缘起使用过php或其他后台语言的朋友们应该知道，对于公共文件，比如html的头部，底部等，可以单独写成一个.php文件。比如header.php和footer.php，然后用include('header.php')或者require('header.php')包含进来。当修改了header.php文件之后，所有引入了这个文件的代码，都会自动加载最新的文件。这样，一个普通网站如果有十个页面，那么我...
Node.js将项目部署在静态服务器中，与自定义模块的创建和发布。
Zzzzsg_的博客
05-15 349
Node.js创建一个静态服务器,然后将项目部署在这个服务器中 源代码： var http = require( 'http' ); var port = 8080 ; var hostname = '127.0.0.1' var path = require( 'path' ) // 磁盘路径处理的模块 var fs = require( 'fs' ) // 操作文件、目录的模块 v...
超简单nodejs静态网页服务器
Raaabbt GO!!
03-24 2889
超简单的nodejs静态网页服务器 使用 nodejs 进行后端开发有一个非常方便的地方是它可以不依赖于其他的服务器软件，比如 tomcat 之类的。这里对我使用 nodejs 写的一个静态网页服务器做一个简单的总结 在这里使用到了以下模块： http：相应基本的 http 请求 fs：读取文件并返回 path：获取文件的路径 url：解析 url 第一步，创建一个最基本的服务器 let ...
用nodejs搭建静态网页服务器居然这么简单
wenwushq的博客
04-05 1万+
  最近想搭建个服务器供局域内的小伙伴使用，以前工作中用过apache和tomcat，可是搭建的过程真的蛮虐的。后来查到了用nodejs也可以，试了下，果然还真的是挺方便的。  先去官网上下载个nodejs，安装过程这里就不写了，安装完后也默认集成了npm工具。 来到D盘新建一个文件夹，我这里就命名为server了。执行命令 npm init一直按回车默认即可。接下来执行命令 npm instal...
node.js渲染html文件
unirrrrr的博客
06-08 1万+
参考了菜鸟教程的相关内容 以及这篇 计图小组作业需要用到一些模型和图片，如果不放在服务器上就无法加载（js不提供直接从本地加载资源的方法）。 因为之前安装过node.js（ 可以说Node.js 就是运行在服务端的 JavaScript），因此刚好可以node.js搭建一个服务器。 但是如何用node.js渲染html文件呢？查阅相关资料发现Express可以胜任这个工作。 Ex...
使用node创建本地服务器并启动静态页面
weixin_45943526的博客
09-10 1731
使用node创建本地服务器 //导入http模块 const http = require('http'); //创建服务器 const app = http.createServer(); //我这里使用的是箭头函数 这里是给app 绑定了 request 响应事件，函数的参数分别是 request 请求参数，和respond 相应参数 app.on('request',(req,res)=>{ //响应回的页面内容是ok res.end('ok); }) //正常的写法 app.on('req
优化页面响应时间之动态页面静态化
宏玄的专栏
05-13 1455
在非静态化的页面中一般其响应过程为：连接数据库或缓存服务器->获取数据->填充模板->展示。 对这种动态的页面程序，系统需要对其语句先进行语法分析、编译然后运行最后才能够将其展示在页面上。用户每次点击浏览都需经过这一过程，这对于系统来说无疑是个沉重的负担，而且拖慢了系统的响应速度。而在静态化的页面中（如HTML文件），它直接就可以展示内容了，不必经过语法分析、编译、运行和连接数据库服务器或缓存服
nodejs入门之使用nodejs展示一个网页
热门推荐
web前端开发
11-18 6万+
一个网页的内容其实就是一段字符串，response.write()可以接受一个字符串作为参数，所以很明显只需要把一个网页的内容作为参数传递给response.write()即可。例如: var http = require('http'); http.createServer(function(req, res){ var html = '' +'' +'nodejs'
nodejs 爬虫静态页面
03-16
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它可以让你使用JavaScript来开发服务器端的应用程序。而爬虫是一种自动化程序，用于从互联网上获取数据。在Node.js中，你可以使用一些库来实现爬虫功能，例如`axios`、`cheerio`和`puppeteer`等。 下面是一个使用Node.js实现爬取静态页面的简单示例： 1. 首先，你需要安装Node.js和npm（Node.js的包管理器）。 2. 在你的项目目录下，打开终端并运行`npm init`命令来初始化一个新的Node.js项目，并按照提示填写相关信息。 3. 安装所需的库，例如`axios`和`cheerio`，可以使用以下命令： ``` npm install axios cheerio ``` 4. 创建一个新的JavaScript文件，例如`crawler.js`，并在文件中编写以下代码： ```javascript const axios = require('axios'); const cheerio = require('cheerio'); // 定义要爬取的页面URL const url = 'https://example.com'; // 发起HTTP请求获取页面内容 axios.get(url) .then(response => { // 使用cheerio解析页面内容 const $ = cheerio.load(response.data); // 在页面中查找需要的数据并进行处理 const title = $('h1').text(); console.log('页面标题:', title); }) .catch(error => { console.error('请求页面失败:', error); }); ``` 5. 运行该脚本，使用以下命令： ``` node crawler.js ``` 以上示例代码使用`axios`库发送HTTP请求获取页面内容，然后使用`cheerio`库解析页面内容。你可以根据需要在代码中添加更多的逻辑来处理页面数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值