JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,更高效的运行,点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
生成激活码 发布于:2022-10-03 17:14 递归和堆栈 发布于:2022-10-03 11:27 nodejs function 发布于:2022-09-28 10:52 Promise 高级考核;不计原理,计原理产生的效果;原理太懵逼; 发布于:2022-09-24 20:23 测试 grok-js 发布于:2022-09-23 15:14 获取案件服务人员分支机构、部门信息 发布于:2022-09-22 14:06 将平行结构数据转为树形结构 发布于:2022-09-22 09:19 js 获取 url 的某个参数 发布于:2022-09-21 16:26 股票报价js 发布于:2022-09-20 18:05 JS call()方法 发布于:2022-09-20 14:46 JS 深拷贝 发布于:2022-09-20 14:26 测试Vue-Quill-Editor 发布于:2022-09-20 14:11 员工排序js版 发布于:2022-09-19 16:09 给你一个字符串 s,请你返回 两个相同字符之间的最长子字符串的长度 ,计算长度时不含这两个字符。如果不存在这样的子字符串,返回 -1 。 子字符串 是字符串中的一个连续字符序列。 发布于:2022-09-28 11:16 看代码说出运行结果 发布于:2022-09-17 09:48 哔哩哔哩密码逆向 发布于:2022-09-16 21:16 临时数据处理 发布于:2022-09-16 16:18 实现一个插入排序 发布于:2022-09-16 00:16 手动实现一个Array的sort 发布于:2022-09-16 00:01 给你一个整数数组 arr ,请你删除最小 5% 的数字和最大 5% 的数字后,剩余数字的平均值。 与 标准答案 误差在 10-5 的结果都被视为正确结果。 发布于:2022-09-15 17:14 // 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target  的那 两个 整数, // 并返回它们的数组下标。 发布于:2022-09-15 17:01 实现一个控制并发的Scheduler调度器 addTask(1000,"1"); addTask(500,"2"); addTask(300,"3"); addTask(400,"4"); 的输出顺序是:2 3 1 4 整个的完整执行流程: 一开始1、2两个任务开始执行 500ms时,2任务执行完毕,输出2,任务3开始执行 800ms时,3任务执行完毕,输出3,任务4开始执行 1000ms时,1任务执行完毕,输出1,此时只剩下4任务在执行 1200ms时,4任务执行完毕,输出4 发布于:2022-09-15 16:50 测试一些JS知识点 发布于:2022-09-15 13:36 trans(123456) —— 十二万三千四百五十六 trans(100010001)—— 一亿零一万零一 发布于:2022-09-15 16:15 根据项目业务需求,进行以下两种格式的互相转换 例如 let arr=[1,2,3,4,5] let arr2=null let arr3 = ['a','b'] format_data({q:arr,w:arr2,e:arr3}) [ { q: 1, w: null, e: 'a' }, { q: 2, w: null, e: 'b' }, { q: 3, w: null, e: null }, { q: 4, w: null, e: null }, { q: 5, w: null, e: null } ] 发布于:2022-09-14 14:36 防抖和节流 发布于:2022-09-13 11:06 递归实现斐波那契数列 发布于:2022-09-12 17:41 反直觉 数组操作 发布于:2022-09-11 11:21 数组所有组合的算法 发布于:2022-09-11 10:01 复选框全选与取消 发布于:2022-09-09 23:43 让对象按数组迭代 发布于:2022-09-09 16:54 使用JS实现一个单链表的类 发布于:2022-09-09 15:44 找出字符串中出现次数最多的字符及次数 发布于:2022-09-09 12:03 字符串中a出现的位置及次数 发布于:2022-09-09 11:46 js数组去重 发布于:2022-09-09 11:29 斐波那契数列 // F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2) 斐波那契数列的memoization优化 发布于:2022-09-14 17:23 扁平数组转tree 发布于:2022-09-08 15:29 扁平数据转为tree(只能处理一层) 发布于:2022-09-08 14:56 封装localStorage 发布于:2022-09-08 14:46 jq.on原理实现 发布于:2022-09-07 00:42 实现一个对象拍平 发布于:2022-09-06 00:27 使用proxy实现一个对象属性的双向绑定 发布于:2022-09-05 17:17 遍历一次将扁平数据转为tree 发布于:2022-09-05 19:02 this指向,手写bind、call、apply、new 发布于:2022-09-04 21:07 字符串是有括号组成,判断内容是否为有效内容 发布于:2022-09-04 00:29 自己实现一个new 发布于:2022-09-03 17:09 使用renduce实现一个map、filter 发布于:2022-09-03 12:06 Js 使用reduce实现一个map 发布于:2022-09-02 00:12 JS实现一个观察者模式 发布于:2022-09-02 00:07 学习倾国每日答题多选题 发布于:2022-09-01 18:29 [更多]
显示目录

RESTful API



Node.js RESTful API

本节介绍Node.js的RESTful API。

什么是 REST?

REST中文解释为,表述性状态传递(英文:Representational State Transfer,简称REST),是Roy Fielding博士在2000年他的博士论文中提出来的一种软件架构风格。

表述性状态转移是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是RESTful。

需要注意的是,REST是设计风格而不是标准。REST通常基于使用HTTP,URI和XML(标准通用标记语言下的一个子集)以及HTML(标准通用标记语言下的一个应用)这些现有的广泛流行的协议和标准。REST通常使用JSON数据格式。

HTTP 方法

以下为REST基本架构的四个方法:

  • GET - 用于获取数据。

  • PUT - 用于添加数据。

  • DELETE - 用于删除数据。

  • POST - 用于更新或添加数据。


RESTful Web Services

Web service是一个平台独立的,低耦合的,自包含的、基于可编程的web的应用程序,可使用开放的XML(标准通用标记语言下的一个子集)标准来描述、发布、发现、协调和配置这些应用程序,用于开发分布式的互操作的应用程序。

RESTful是基于REST架构的Web Services。

由于轻量级以及通过HTTP直接传输数据的特性,Web服务的RESTful方法已经成为最常见的替代方法。可以使用各种语言(比如,Java程序、Perl、Ruby、Python、PHP和Javascript[包括Ajax])实现客户端。

RESTful Web服务通常可以通过自动客户端或代表用户的应用程序访问。但是,这种服务的简便性让用户能够与之直接交互,使用它们的Web浏览器构建一个GET URL并读取返回的内容。


创建 RESTful

首先,创建一个json数据资源文件users.json,内容如下:

`{
   "user1" : {
      "name" : "mahesh",
      "password" : "password1",
      "profession" : "teacher",
      "id": 1
   },
   "user2" : {
      "name" : "suresh",
      "password" : "password2",
      "profession" : "librarian",
      "id": 2
   },
   "user3" : {
      "name" : "ramesh",
      "password" : "password3",
      "profession" : "clerk",
      "id": 3
   }
}`

基于以上数据,我们创建以下RESTful API:

URI HTTP 方法 发送内容 结果
listUsers GET 显示所有用户列表
addUser POST JSON 字符串 添加新用户
deleteUser DELETE JSON 字符串 删除用户
:id GET 显示用户详细信息

获取用户列表:

以下代码,我们创建了RESTful API listUsers,用于读取用户的信息列表, server.js文件代码如下所示:

`var express = require('express');
var app = express();
var fs = require("fs");

app.get('/listUsers', function (req, res) {
   fs.readFile( __dirname + "/" + "users.json", 'utf8', function (err, data) {
       console.log( data );
       res.end( data );
   });
})

var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port

  console.log("应用实例,访问地址为 http://%s:%s", host, port)

})`

接下来执行以下命令:

`$ node server.js 
应用实例,访问地址为 http://0.0.0.0:8081`

在浏览器中访问http://127.0.0.1:8081/listUsers,结果如下所示:

`{
   "user1" : {
      "name" : "mahesh",
      "password" : "password1",
      "profession" : "teacher",
      "id": 1
   },
   "user2" : {
      "name" : "suresh",
      "password" : "password2",
      "profession" : "librarian",
      "id": 2
   },
   "user3" : {
      "name" : "ramesh",
      "password" : "password3",
      "profession" : "clerk",
      "id": 3
   }
}`

添加用户

如果要添加新的用户数据,可以通过创建RESTful API addUser实现,server.js文件代码如下所示:

`var express = require('express');
var app = express();
var fs = require("fs");

//添加的新用户数据
var user = {
   "user4" : {
      "name" : "mohit",
      "password" : "password4",
      "profession" : "teacher",
      "id": 4
   }
}

app.get('/addUser', function (req, res) {
   // 读取已存在的数据
   fs.readFile( __dirname + "/" + "users.json", 'utf8', function (err, data) {
       data = JSON.parse( data );
       data["user4"] = user["user4"];
       console.log( data );
       res.end( JSON.stringify(data));
   });
})

var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port
  console.log("应用实例,访问地址为 http://%s:%s", host, port)

})`

接下来执行以下命令:

`$ node server.js 
应用实例,访问地址为 http://0.0.0.0:8081`

在浏览器中访问http://127.0.0.1:8081/addUser,结果如下所示:

`{ user1:
   { name: 'mahesh',
     password: 'password1',
     profession: 'teacher',
     id: 1 },
  user2:
   { name: 'suresh',
     password: 'password2',
     profession: 'librarian',
     id: 2 },
  user3:
   { name: 'ramesh',
     password: 'password3',
     profession: 'clerk',
     id: 3 },
  user4:
   { name: 'mohit',
     password: 'password4',
     profession: 'teacher',
     id: 4 } 
}`

显示用户详情

以下代码,我们创建了RESTful API :id(用户id), 用于读取指定用户的详细信息,server.js文件代码如下所示:

`var express = require('express');
var app = express();
var fs = require("fs");

app.get('/:id', function (req, res) {
   // 首先我们读取已存在的用户
   fs.readFile( __dirname + "/" + "users.json", 'utf8', function (err, data) {
       data = JSON.parse( data );
       var user = data["user" + req.params.id] 
       console.log( user );
       res.end( JSON.stringify(user));
   });
})

var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port
  console.log("应用实例,访问地址为 http://%s:%s", host, port)

})`

接下来执行以下命令:

`$ node server.js 
应用实例,访问地址为 http://0.0.0.0:8081`

在浏览器中访问http://127.0.0.1:8081/2,结果如下所示:

`{
   "name":"suresh",
   "password":"password2",
   "profession":"librarian",
   "id":2
}`

删除用户

以下代码,我们创建了RESTful API deleteUser, 用于删除指定用户的详细信息,以下实例中,用户id为2,server.js文件代码如下所示:

`var express = require('express');
var app = express();
var fs = require("fs");

var id = 2;

app.get('/deleteUser', function (req, res) {

   // First read existing users.
   fs.readFile( __dirname + "/" + "users.json", 'utf8', function (err, data) {
       data = JSON.parse( data );
       delete data["user" + 2];

       console.log( data );
       res.end( JSON.stringify(data));
   });
})

var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port
  console.log("应用实例,访问地址为 http://%s:%s", host, port)

})`

接下来执行以下命令:

`$ node server.js 
应用实例,访问地址为 http://0.0.0.0:8081`

在浏览器中访问http://127.0.0.1:8081/deleteUser,结果如下所示:

`{ user1:
   { name: 'mahesh',
     password: 'password1',
     profession: 'teacher',
     id: 1 },
  user3:
   { name: 'ramesh',
     password: 'password3',
     profession: 'clerk',
     id: 3 } 
}`
由JSRUN为你提供的JS在线运行、在线编译工具
        JSRUN提供的JS在线运行,JS 在线运行工具,基于linux操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。

title

使用此草稿 删除草稿

  • 00:23
注册登录后可减少验证码的弹出,点击前往 注册 | 登录

皮肤:

运行模式:

嵌入代码 iframe嵌入:


服务器已安装大部分常用的第依赖库,但仍可能存在一些未被安装的库, 可以通过本窗口立即安装所需依赖库。


请输入依赖库的名称:

请选择语言: