JS在线运行

版本:

所属目录
点击了解高性能代码运行API
运行结果
教程手册
代码仓库
极速运行
终端运行
图形+终端

                        
以下是用户最新保存的代码
思源代码块超出指定高度折叠 发布于:2024-10-03 14:21 思源鼠标移入大纲自动展开子标题 发布于:2024-09-25 02:49 思源建文档的时候自动设置为自定义的某个图标 发布于:2024-09-22 06:35 异步任务线程池 发布于:2024-09-21 16:42 JS的各种锻炼 发布于:2024-09-13 16:53 思源同步感知脚本 发布于:2024-09-16 11:42 在线测试各种脚本! 发布于:2024-09-12 14:37 思源编辑器增加标尺 发布于:2024-09-11 16:21 思源查询不在数据库中的文档2 发布于:2024-09-07 16:32 思源简单锁定笔记 发布于:2024-09-07 23:38 项目热度榜单 发布于:2024-09-06 15:20 修改z坐标 发布于:2024-09-06 15:23 带千分符的大小比较 发布于:2024-09-06 13:05 altG临时 发布于:2024-09-09 18:08 批量导入文档到数据库0.0.6版 发布于:2024-09-25 23:51 最长合法表达式 发布于:2024-09-04 21:55 API集群负载统计 发布于:2024-09-04 19:04 英文输入法 字符串 发布于:2024-09-04 15:05 RMS 变量 发布于:2024-09-04 14:44 最少停车数/停车场车辆统计 发布于:2024-09-04 15:02 hwod面试题联系 发布于:2024-09-06 15:17 时间转换测试 发布于:2024-09-04 09:41 原生JS消息响应 发布于:2024-09-09 18:08 批量导入指定文档及其子文档到指定数据库(0.0.4) 发布于:2024-09-03 04:13 批量导入指定文档及其子文档到指定数据库 发布于:2024-09-05 03:21 思源查询不在数据库中的文档 发布于:2024-09-07 16:37 思源js代码片段获取移动端设备ip 发布于:2024-09-01 12:55 无重复的最长字串儿 发布于:2024-08-28 21:42 思源为数据库文档列表项匹配已设置文档icon * 每次重启时刷新获取的icon * 通过localStorage存储icon(存储方式待优化) > 更新了空文本的处理 发布于:2024-08-28 17:34 你好多阿发 发布于:2024-08-27 11:15 按规则拆分 发布于:2024-08-27 11:07 删除字母匹配到字典里的最长单词 发布于:2024-08-28 20:49 给定一个字符串s和数组arr,找到数组中最长的串, 该串儿可以通过删除s中某些元素得到; 发布于:2024-08-26 17:41 链滴自动签到puppeteer脚本 发布于:2024-08-23 11:51 思源实现斜杠命令菜单展开并支持左右方向键 发布于:2024-08-24 13:15 测试用例20240821 发布于:2024-08-21 16:23 js-arr-tree 发布于:2024-08-21 15:04 给定一个数组找到三个元素,其之和与目标target最接近; 发布于:2024-08-28 20:18 测试批量表单验证 发布于:2024-08-20 17:12 就属于黑色口罩 发布于:2024-08-16 20:44 / 分组 ←→快速切换分组 发布于:2024-08-16 19:08 模拟window.prompt函数 发布于:2024-08-15 10:09 思源Asri主题斜杠命令方向键选择菜单 发布于:2024-08-16 17:21 yield结合promise 发布于:2024-08-12 10:48 edge接入 发布于:2024-08-06 14:30 思源数据库和图表关联脚本示例 发布于:2024-08-06 08:05 自动聚焦当前文档所在目录 发布于:2024-07-30 07:33 JavaScript实现一个带并发限制的异步调度器,保证同时最多运行2个任务 发布于:2024-07-28 18:18 模版字符串翻译替换 发布于:2024-07-25 23:21 识别算法测试 发布于:2024-07-24 15:59 [更多]
显示目录

Web 模块



学习嵌入式的绝佳套件,esp8266开源小电视成品,比自己去买开发板+屏幕还要便宜,省去了焊接不当搞坏的风险。 蜂鸣版+触控升级仅36元,更强的硬件、价格全网最低。

点击购买 固件广场

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操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。
yout