使用 node.js 模仿 Apache 小部分功能
首先，这个例子用到了服务端渲染的技术。服务端渲染，说白了就是在服务端使用模板引擎，这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。
服务端渲染与客户端渲染之间的区别:
- 客户端渲染不利于搜索引擎优化
- 服务端渲染可以被爬虫抓取到，而客户端异步渲染很难被爬虫抓取到（例如：AJAX）
- 大部分的网站既不是纯异步（客户端），也不是纯服务端渲染出来的，而是两者结合的
- 例如：京东的商品列表采用的就是服务端渲染，目的是为了SEO搜索引擎优化，说白了就是为了能够被搜索到，且能被爬虫抓取（搜索引擎本身也是一种爬虫）。
- 而京东的商品评论列表为了用户体验，而且也不需要SEO优化，所以才用的是客户端渲染
简单的判断内容为服务端渲染还是客户端渲染
最简单的方法就是：
- 点击访问一个页面（我们这里以京东为例）
- 随便访问一个商品页，然后复制商品标题
- 然后鼠标右击点击查看网页源代码
- 在源代码页按 Ctrl + f ，接着把复制的内容粘贴进去
- 能搜到就是 服务端渲染，否则的话，就是客户端渲染。
利用 art-template 模板引擎
- 安装： 在想要安装的目录下打开命令行工具 输入 npm install art-template, 然后它会自动生成 node_modules 目录（前提，系统已经安装了 Node.js 环境）
- 在需要使用的文件模块中加载 art-template:
- const template = require('art-template');
- 就可以使用了 , 官方文档地址：https://aui.github.io/art-template/zh-cn/docs/index.html
Apache 部分功能实现
Node.js 相关API(本例中使用):
基于http
- createServer() : 创建一个服务器
- on(): 提供服务：对数据的服务，发请求，接收请求，处理请求，发送响应，等等
- listen(): 绑定端口号，启动服务器
基于fs(文件系统)
- readFile(): 读取文件（参数一为 文件路径，参数二为回调函数）
- readdir(): 读取目录（参数一位目录路径，参数二为回调函数）
基于path(路径)
- extname(): 获取文件后缀名
- 随便在一个位置建立 www 文件夹（文件名可以自己随意）:
写HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Index of / {{title}}</title>
</head>
<body>
<h1>Index of / {{title}}</h1>
<ul>
<li><a href="/" rel="external nofollow" > Parent Directory</a></li>
{{each files}}
<li><a href="/{{ $value }}" rel="external nofollow" >{{ $value }}/</a></li>
{{/each}}
</ul>
</body>
</html>
node.js:
const http = require('http');
const fs = require('fs');
const template = require('art-template');
const path = require('path');
const port = 5000;
const server = http.createServer();
server.on('request', (request, response) => {
let url = request.url;
let wwwDir = 'D:/www';
fs.readFile('./template.html', (error, data) => {
if (error) {
return response.end('404 Not Found');
}
// 1.如何得到 wwwDir 目录列表中的文件名和目录名
// fs.readdir
// 2.如何将得到的文件名和目录名替换到 template.html 中
// 2.1 在 template.html 中需要替换的位置预留一个特殊的标记
// 2.2 根据 files 生成需要的 HTML 内容
// 模板引擎
if (url !== '/') {
wwwDir += url;
}
let fileEnd = path.extname(wwwDir);
/**
* 如果是文件，则访问该文件
* 如果是文件夹，则访问里面的内容
*/
if (fileEnd !== '') {
fs.readFile(wwwDir, (error, data) => {
if (error) {
return response.end('404 Not Found');
}
// 获取文件后缀名(具体问题具体分析，这里我只设置 .txt 文件的 编码类型)
if (fileEnd === '.txt') {
response.setHeader('Content-Type', 'text/plain; charset=utf-8');
}
if (fileEnd === '.jpg') {
response.setHeader('Content-Type', 'image/jpeg');
}
if (fileEnd === '.mp4') {
response.setHeader('Content-Type', 'video/mpeg4');
}
response.end(data);
});
} else {
console.log(wwwDir);
fs.readdir(wwwDir, (error, files) => {
if (error) {
return response.end('Can not find this dir');
}
console.log(files);
// files: [ 'a.txt', 'apple', 'images', 'index.html', 'static', 'videos' ]
let htmlStr = template.render(data.toString(), {
title: wwwDir,
files: files,
});
// 3.发送响应数据
response.end(htmlStr);
});
}
});
});
server.listen(port, () => {
console.log(`服务器已经开启，您可以通过 http://127.0.0.1:${port} 访问....`);
});
总结
以上所述是小编给大家介绍的使用 node.js 模仿 Apache 小部分功能，希望对大家有所帮助，如果大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关推荐
-
使用 node.js 模仿 Apache 小部分功能
首先,这个例子用到了服务端渲染的技术.服务端渲染,说白了就是在服务端使用模板引擎,这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别. 服务端渲染与客户端渲染之间的区别: 客户端渲染不利于搜索引擎优化 服务端渲染可以被爬虫抓取到,而客户端异步渲染很难被爬虫抓取到(例如:AJAX) 大部分的网站既不是纯异步(客户端),也不是纯服务端渲染出来的,而是两者结合的 例如:京东的商品列表采用的就是服务端渲染,目的是为了SEO搜索引擎优化,说白了就是为了能够被搜索到,且能被爬虫抓取(搜索引擎本身也是一种
-
使用node.js实现微信小程序实时聊天功能
在微信这个聊天工具里的小程序上实现聊天功能,总感觉怪怪的.但领导要求了,总是要干的. 然后就实时通讯这个关键词展开搜索,穿梭于网页之间.不过粘贴复制的真的太多了,找了半天也没找到想要的,不过还是提取到了关键词的WebSocket和node.js的,然后搜索这两是啥,什么关系,总算明白了一点. 最后确定了第一步需要干的是用node.js搭建服务(我是装在自己的windows下的): 1.首先到官网下载node.js,下载链接 安装很简单,双击下载好的文件,直接下一步一步,没什么特殊的选择,路径默认
-
Node.js自定义实现文件路由功能
一.创建路由处理定义 //获取http模块 var http = require('http'); //文件 模块 var fs = require('fs'); //404文件 var error = "./view/404.html"; //实现文件 相应函数以及404错误相应函数 var Response = function (res, filePath) { //读取 文件,然后给客户端 相应 fs.readFile(filePath, function (err, data
-
基于node.js实现微信支付退款功能
缘起 有付款就会有退款 注意,退款支持部分退款 左口袋的钱退到右口袋罗 这次发起的退款请求0.01元是实时到账的,因此,用户在小程序端发起的退款只是一个请求到后台,后台审核人员审核无误后才后微信发起退款操作. 引入第三方module 在package.json 中加入"weixin-pay": "^1.1.7"这一条 代码目录结构 入参 { transaction_id: '4200000005201712165508745023', // 交易 out_trade
-
Node.js实现用户评论社区功能（体验前后端开发的乐趣）
前面 接着上一节的内容来,今天我们要完成一个用Node开发后台服务器,实现一个简单的用户评论社区.可以先看下效果图: 开始建立项目文件夹comment-list,在里面新建一个public文件夹,public文件夹存放我们允许客户端访问的资源,这里是公开的.app.js文件是我们服务端代码. 在index.html文件中放的是网站的首页内容,这里采用bootstrap框架快速搭建.可以先招一些假数据,以便页面渲染后看效果.核心代码: <ul class="list-group commen
-
Node.js实现连接mysql数据库功能示例
本文实例讲述了Node.js实现连接mysql数据库功能.分享给大家供大家参考,具体如下: Node.js连接数据库前,需要安装相应的包,如果安装sql server 需要先装包node-sqlserver.我们以mysql为案例来说明node.js查询mysql数据. 1.安装 node-mysql npm install node-mysql 2.通过express框架实现数据库连接 var express = require('express'); var mysql = require(
-
Android开发实现模仿微信小窗口功能【Dialog对话框风格窗口】
本文实例讲述了Android开发实现模仿微信小窗口功能.分享给大家供大家参考,具体如下: 运用方法: 将显示窗口的风格 设置为对话框风格即可 具体效果: 具体实现: 首先我们先定义布局文件: <?xml version="1.0" encoding="utf-8" ?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" andro
-
node.js中module模块的功能理解与用法实例分析
本文实例讲述了node.js中module模块的功能理解与用法.分享给大家供大家参考,具体如下: node.js中使用CommonJS规范实现模块功能,一个单独的文件就是一个单独的模块.通过require方法实现模块间的依赖管理. 通过require加载模块,是同步操作. 加载流程如下: 1.找到需要加载的模块文件. 2.判断是否缓存过,如果没有,则读取模块文件的内容. 3.把读取到的内容,封装在一个函数里运行. (function (exports, require, module, __fi
-
node.js 实现手机号验证码登录功能
1.注册容联云通信账号(免费) 1.官网进行注册:https://www.yuntongxun.com/ 第二步 拿到自己的ACCOUNT_SID.AUTH_TOKEN.Rest_URL.AppID 第三步注册自己的测试手机号 第四步 下载包 1.npm i md5 --save2.npm i moment --save3.npm i js-base64 --save4.npm i request --save 一次下载 :npm i md5 moment js-base64 request -
-
详解基于 Node.js 的轻量级云函数功能实现
导语 在万物皆可云的时代,你的应用甚至不需要服务器.云函数功能在各大云服务中均有提供,那么,如何用"无所不能"的 node.js 实现呢? 一.什么是云函数? 云函数是诞生于云服务的一个新名词,顾名思义,云函数就是在云端(即服务端)执行的函数.各个云函数相互独立,简单且目的单一,执行环境相互隔离.使用云函数时,开发者只需要关注业务代码本身,其它的诸如环境变量.计算资源等,均由云服务提供. 二.为什么需要云函数? 程序员说不想买服务器,于是便有了云服务: 程序员又说连 server 都不