JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,不支持键盘输入语句但是拥有更高的运行速度,输出简洁明了 。 点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
手写一个promiseRace 发布于:2021-08-01 10:05 手写promiseRace 发布于:2021-08-01 10:01 合并2个有序的数组 发布于:2021-07-31 23:58 合并2个有序的数组 发布于:2021-07-31 23:52 手写promiseAll 发布于:2021-07-31 23:08 正则中的分组使用方式 ?<分组名称> 发布于:2021-07-31 14:35 正则正向和反向断言 发布于:2021-07-31 14:30 Object.entries 和 Object.fromEntries 的用法 发布于:2021-07-31 14:15 JavaScript面试中容易遇到的算法 发布于:2021-07-29 20:22 JavaScript的发布订阅模式 发布于:2021-07-29 18:40 比较两个数组的diff 发布于:2021-07-29 15:43 手写实现js相关方法 发布于:2021-07-29 10:45 手写实现reduce 发布于:2021-07-27 11:11 了忘塔游戏开发测试 发布于:2021-07-26 18:50 nodejs 获取当前目录 __dirname返回代码脚本所在的路径 , cwd 返回工作目录地址 发布于:2021-07-26 14:06 测试var和let 发布于:2021-07-23 15:53 测试setTimeout 发布于:2021-07-23 15:49 有一个无序、元素个数为2n的正整数数组,要求:如何能把这个数组分割为两个子数组,子数组的元素个数不限,并使两个子数组之和最接近。 发布于:2021-07-22 18:59 销售报价申请报价利润 发布于:2021-07-23 17:33 观察者模式demo 发布于:2021-07-21 14:45 一个关于Promise的小示例 发布于:2021-07-19 15:44 enumerable-es 发布于:2021-07-19 10:35 已新增英文 发布于:2021-07-19 10:21 全部 专业的英文期刊 测试1 发布于:2021-07-18 23:29 函数柯里化,add(1)(2)(3)(4) == 10 发布于:2021-07-21 11:36 二分法 查找指定数字最小下标 发布于:2021-07-17 17:56 动态规划,求连续子数组最大和 发布于:2021-07-17 15:31 无重复字符的最长子串 发布于:2021-07-17 13:51 js 浅拷贝 发布于:2021-07-17 12:52 js 对象的深拷贝 发布于:2021-07-17 12:26 滑动窗口,可变窗口求最大连续子集 发布于:2021-07-17 11:43 滑动窗口,可变窗口求最小连续子集 发布于:2021-07-17 11:42 快速排序法,纯函数不改变原数组 发布于:2021-07-16 16:45 快速排序法 发布于:2021-07-16 15:01 分治法求数组中最大数和最小数 发布于:2021-07-15 19:12 按要求从数组中获取属性添加到对象上 发布于:2021-07-23 08:57 两个对象数组和合并 发布于:2021-07-23 08:57 给定条件搜索数组元素 发布于:2021-07-23 08:56 数组和对象的转换 发布于:2021-07-23 08:56 对象数组的排序问题 发布于:2021-07-23 08:56 排序算法:选择排序 发布于:2021-07-14 22:25 常见排序算法:插入排序 发布于:2021-07-14 23:19 Promise 相关 发布于:2021-07-22 12:10 数组、对象的复制 发布于:2021-07-22 10:34 实现一个基本的深拷贝 发布于:2021-07-14 14:39 数组排序:选择排序 假设一个最大值max,循环的和数组中的每一个元素进行比较。如果比较的元素比max大,就把那个元素的值赋值给max,并且把max对应的那个元素和比较的元素值交换一下 发布于:2021-07-14 12:54 演示代码去重 发布于:2021-07-23 08:57 实现一个基本的Promise 发布于:2021-07-14 11:05 webpack 配置 发布于:2021-07-14 10:51 new的本质 手写代码 发布于:2021-07-14 10:41 [更多]
显示目录

Web 模块



Node.js Web 模块

本节介绍Node.js Web模块,首先,你应该先了解什么是Web服务器。


什么是 Web 服务器?

Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序。

Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。

大多数web服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。

目前最主流的三个Web服务器是Apache、Nginx、IIS。


Web 应用架构

  • Client - 客户端,一般指浏览器,浏览器可以通过HTTP协议向服务器请求数据。

  • Server - 服务端,一般指Web服务器,可以接收客户端请求,并向客户端发送响应数据。

  • Business - 业务层, 通过Web服务器处理应用程序,如与数据库交互,逻辑运算,调用外部程序等。

  • Data - 数据层,一般由数据库组成。


使用 Node 创建 Web 服务器

Node.js提供了http模块,http模块主要用于搭建HTTP服务端和客户端,如果要使用HTTP服务器或客户端功能,则必须调用http模块,代码如下:

var http = require('http');

以下是演示一个最基本的HTTP服务器架构(使用8081端口),创建server.js文件,代码如下所示:

var http = require('http');
var fs = require('fs');
var url = require('url');


// 创建服务器
http.createServer( function (request, response) {  
   // 解析请求,包括文件名
   var pathname = url.parse(request.url).pathname;

   // 输出请求的文件名
   console.log("Request for " + pathname + " received.");

   // 从文件系统中读取请求的文件内容
   fs.readFile(pathname.substr(1), function (err, data) {
      if (err) {
         console.log(err);
         // HTTP 状态码: 404 : NOT FOUND
         // Content Type: text/plain
         response.writeHead(404, {'Content-Type': 'text/html'});
      }else{             
         // HTTP 状态码: 200 : OK
         // Content Type: text/plain
         response.writeHead(200, {'Content-Type': 'text/html'});    

         // 响应文件内容
         response.write(data.toString());        
      }
      //  发送响应数据
      response.end();
   });   
}).listen(8081);

// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8081/');

接下来我们在该目录下创建一个index.htm文件,代码如下:

<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

执行server.js文件:

`$ node server.js
Server running at http://127.0.0.1:8081/`

接着我们在浏览器中输入并打开地址:http://127.0.0.1:8081/index.htm,显示如下图所示:

执行server.js的控制台输出信息如下:

Server running at http://127.0.0.1:8081/
Request for /index.htm received.     #  客户端请求信息

Gif 实例演示


使用 Node 创建 Web 客户端

使用Node创建Web客户端需要引入http模块,创建client.js文件,代码如下所示:

var http = require('http');

// 用于请求的选项
var options = {
   host: 'localhost',
   port: '8081',
   path: '/index.htm'  
};

// 处理响应的回调函数
var callback = function(response){
   // 不断更新数据
   var body = '';
   response.on('data', function(data) {
      body += data;
   });

   response.on('end', function() {
      // 数据接收完成
      console.log(body);
   });
}
// 向服务端发送请求
var req = http.request(options, callback);
req.end();

新开一个终端,执行client.js文件,输出结果如下:

$ node client.js
<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

执行server.js的控制台输出信息如下:

Server running at http://127.0.0.1:8081/
Request for /index.htm received.   # 客户端请求信息

Gif 实例演示

由JSRUN为你提供的JS在线运行、在线编译工具
        JSRUN提供的JS在线运行,JS 在线运行工具,基于linux操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。

title

使用此草稿 删除草稿

皮肤:

运行模式:

嵌入代码 iframe嵌入: