首页 > 编程知识 正文

js搭建api服务器(js和api)

时间:2023-12-18 17:21:45 阅读:317056 作者:SDIA

本文目录一览:

使用Node.js做 Restful API用什么框架好

使用Node.js做restful api可以考虑使用express或者koa框架,具体操作如下:

var express = require('express') //加载模块

var app = express() //实例化之

var map = {"1":{id:1,name:"test"},"2":{id:2,name:"test"}} //定义一个集合资源,key为字符串完全是模仿java MAPT,E,否则谁会这么去写个hash啊!

app.get('/devices',function(req, res){ //Restful Get方法,查找整个集合资源

res.set({'Content-Type':'text/json','Encodeing':'utf8'});

res.send(map)

})

app.get('/devices/:id',function(req, res){ //Restful Get方法,查找一个单一资源

res.set({'Content-Type':'text/json','Encodeing':'utf8'});

res.send(map[req.param('id')])

//console.log(req.param('id'))

})

app.post('/devices/', express.bodyParser(), function(req, res){ //Restful Post方法,创建一个单一资源

res.set({'Content-Type':'text/json','Encodeing':'utf8'});

map[req.body.id] = req.body

res.send({status:"success",url:"/devices/"+req.body.id}) //id 一般由数据库产生

})

app.put('/devices/:id', express.bodyParser(), function(req, res){ //Restful Put方法,更新一个单一资源

res.set({'Content-Type':'text/json','Encodeing':'utf8'});

map[req.body.id] = req.body

res.send({status:"success",url:"/devices/"+req.param('id'),device:req.body});

})

app.delete('/devices/:id',function(req, res){ //Restful Delete方法,删除一个单一资源

res.set({'Content-Type':'text/json','Encodeing':'utf8'});

delete map[req.param('id')]

res.send({status:"success",url:"/devices/"+req.param('id')})

console.log(map)

})

app.listen(8888);

JS怎么调用API接口

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,引入jquery使用。

2、在index.html的script标签中,输入js代码:

$.get('请求地址', function(b) {

document.body.innerText = b;

});

3、浏览器运行index.html页面,此时通过F12的开发者工具可知API接口被调用了。

如何利用AngularJS服务接入外部API

第一步:准备工作

将AngularJS脚本添加到该文档的当中:

在此之后,可以在将这套CCS样式添加到行内或者独立的文件当中:

*{

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

font-family:sans-serif;

}

body,html{margin:0;}

p{margin:0;}

input{width:100%;}

pre{

white-space:pre-wrap;

white-space:-moz-pre-wrap;

white-space:-pre-wrap;

white-space:-o-pre-wrap;

word-wrap:break-word;

}

div.repo{

border-bottom:1pxsolid;

cursor:pointer;

}

#search,#repo,#user{float:left;}

#search{width:20%;}

#repo{width:60%;}

#user{width:20%;}

如大家所见,其中不存在任何多余的内容、只保留最基础的布局方案——将搜索栏置于右侧、库信息位于中央、用户库同样置于右侧。我们还需要将对应代码行打包至标签当中,此后我们还要利用它显示README文件内容——因为这些内容通常来自GitHub Flavored Markdown、而且其中一部分代码行与用户库列表存在重叠。

当然,大家可以向其中添加更多样式以提升成果的视觉效果——但请注意,本教程中的截图都采取最基本的外观设计。

大家可以未来需要编写的JavaScript代码置于本文档的当中或者为其建立独立文件,但独立文件仍然需要处于AngularJS脚本之下。

第二步:模块

现在我们可以为自己的应用程序创建一个模块:

varapp=angular.module('githubsearch',[]);

接下来利用ngApp指令将其添加到标签当中:

第三步:控制器

我们还需要为自己的应用程序准备一套控制器。为了简化创建流程,我们将只为应用准备一套控制器,这样我们就不必考虑如何在不同控制器之间进行信息传递了:

app.controller('SearchController',functionSearchController($scope){

});

第四步:基础服务

我们需要对自己的GitHub服务进行定义:

app.factory('GitHub',functionGitHub($http){

return{

};

});

我们将使用app.factory()方法,这样就能保证返回对象附带几个以后将会用到的方法。我们将使用$http服务从GitHub的API中获取数据。

第五步:搜索库

我们服务中的第一项方法负责利用GitHub API对库进行搜索。使用服务非常简单(这项函数能够进入由制造函数返回的对象):

searchRepos:functionsearchRepos(query,callback){

$http.get('',{params:{q:query}})

.success(function(data){

callback(null,data);

})

.error(function(e){

callback(e);

});

}

$http.get()方法是执行GET请求的一种捷径。第一条参数是我们希望访问的URL。第二条参数则代表一个具备选项的对象。这里我们只需要params对象——它是一个查询参数散列,将被添加到该请求当中(其中q参数属于搜索字符串,大家可以点击此处了解更多相关信息)。

$http.get()会返回一项承诺。我们可以将监听器附加在success()与error()上,并且据此调用回调函数。

第六步:搜索栏

为了使用我们在之前几步中定义完成的函数,我们需要在自己的HTML当中添加搜索栏。

云南北大青鸟设计培训告诉你全栈编程需要掌握哪些能力?

对于大多数的程序员来说,全栈开发的概念应该不陌生了吧,今天我们就一起来了解一下,成为一个全栈开发程序员我们需要学习的能力有哪些。

基础

HTML、CSS和JavaScript是必须掌握的,你还需要学习React、Vue或Angular等前端框架或库。但是,你应该选择哪一个?对于一个真正的全栈开发者,你可以在2019年选择这三个框架中的任何一个。

Web组件

浏览器采用的Web组件终于离我们想要的标准越来越近了。2019年,我们将看到更多关于Web组件的讨论,但它仍然不会在2019年达到临界点。你可以密切地关注它们,但不需要花费大量时间在掌握如何构建Web组件上。

PWA

渐进式Web应用程序在2019年仍然会很热门,但它复杂的功能可能不会流行起来(即推送通知)。

大多数情况下,你将使用HTTPS、AppShell和ServiceWorker来获得一些额外的脱机功能、安全性和性能。你应该学习如何构建PWA,并使用像Lighthouse这样的工具来测试它。

Safari为PWA添加了一些支持,实现渐进式Web应用程序功能可能会更容易一些。但说到底,你需要先学会使用manifest.json文件和ServiceWorker。谷歌正在这方面努力推进,但不要指望在2019年会看到任何突破。

REST与GraphQL

RESTfulAPI在2019年还会存在,你需要学习如何实现和设计这些API。你应该学会使用Node.js和Express.js来创建API服务器,在2019年,这两个框架的组合仍然会占主导地位。

现在出现了很多有关GraphQL的炒作,但它还不是可以赢得所有市场的大赢家。了解GraphQL可以解决哪些问题,以及如何在RESTfulAPI中用它来进行路由优化。大理java课程培训机构认为这将是2019年重要的趋势:不是如何单独使用GraphQL,而是如何在极少数情况下使用GraphQL优化一些RESTfulAPI路由。

HTTP2

HTTP2变得越来越普遍,你需要知道如何使用这个协议来优化内容的传输。此外,HTTP3正在开发当中,你可以关注它,但它并不是你在2019年需要过分关注的东西。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。