符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
如何在node.js中实现express框架?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
成都创新互联公司专注于企业全网整合营销推广、网站重做改版、红山网站定制设计、自适应品牌网站建设、HTML5建站、商城网站制作、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为红山等各大城市提供网站开发制作服务。
一、express框架初步介绍
关于express框架的介绍,这里我引用菜鸟教程的简介:
Express是一个简洁而灵活的node.js web框架,提供了一系列强大特性帮助你创建各种web应用,和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。
1.express框架的特性
(1)可以设置中间件来响应HTTP请求;
(2)定义了路由表用于执行不同大的HTTP请求动作;
(3)可以通过向模板传递参数来动态渲染HTML页面;
2.安装express
npm install express --save或cnpm install express --save
以下几个重要需要与express框架一起安装:
body-parser -node.js中间件,用于处理JSON,Raw,Text和URL编码的数据;
cookie-parser -这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并将它们转为对象;
multer - node.js中间件,用于处理enctype=“multipart/form-data”(设置表单mime编码)的表单数据;
安装命令如下所示:
npm install body-parser --save npm install cookie-parser --save npm install multer --save
3.express的入门程序
node_learning.js代码如下:
var express = require('express'); var app = express(); app.get('/', function (req, res) { res.send('Hello World'); }) var server = app.listen(2019, function () { var host = server.address().address var port = server.address().port console.log("应用实例,访问地址为 http://127.0.0.1:2019", host, port) })
二、express框架中的app.use和app.get/app.post
app.use和app.get/app.post其实区别如(引用一位朋友说的):
感兴趣的可以参考这个链接:作者做了试验测试过的
(1)app.use(path,callback)中的callback既可以是router对象又可以是函数
(2)app.get(path,callback)中的callback只能是函数
app.use和app.get/app.post实现几乎大同小异,代码示例如下:
var express = require('express'); var app = express(); function testUser(req, res, next){ // req 参数可以接受一些请求的参数(req.query/req.body) 和 请求头信息 // res 用于响应信息 // 调用next()方法则进入下一个中间件 res.send("测试用户"); } function testLogin(req,res,next){ res.send("测试登录"); } var server = app.listen(2019, function () { var host = server.address().address var port = server.address().port console.log("应用实例,访问地址为 http://127.0.0.1:2019") }) //路径匹配 app.use('/user',testUser); app.get('/login',testLogin);
关于node.js的express框架就介绍这么多,最近本人因实现某个插件的功能而需要用到的,这与下面说的mock server有比较大的关系。
三、mock server 介绍
mock server 翻译过来的意思是模拟服务。
说到这我相信大家就很容易理解了。至于为什么要模拟服务?
比方说现今的业务系统很少有孤立存在的,它们或多或少使用其他公司提供的服务,这给我们联调和测试造成了比较大的麻烦,对于这种情况,常见的解决方案就是搭建一个mock server,模拟那些服务器,提供数据进行联调和测试
四、mock server的实现思路
现在google或者being搜索mock server 实现思路肯定有很多,这里我就不再赘述。
这里我以我自己最近的vscode插件开发来说。
我最近的工作是针对Settings-Sync作二次开发
关于settings-sync插件,感兴趣的可以参考我的博客园Settings-Sync源码阅读
如何实现一个mock server 替换github api地址并确保效果一致?
针对目前这个需求,我的实现思路如下:
第一,针对如何实现一个mock server ,可以复用已有,如mock-github-api(其本身是使用node.js的express框架);
第二,如何编写,可以按照express框架编写网络请求的方法,如app.get或app.use等;
第三,为了保持与githu api一致,我需要引入github rest api,如@octokit/rest;
参考api地址
示例一: octokit.repos.listForOrg({ org: 'octokit', type: 'public' }).then(({ data, status, headers }) => { // handle data //console.log("status:"+JSON.stringify(headers)); //console.log(status); console.log(data); }) 返回的octokit相关的api信息(信息太多了,就先简略)
示例二: const clientWithAuth = new Octokit({ auth: 'token secret123' }) console.log(clientWithAuth)//查看详细信息 console.log(JSON.stringify(clientWithAuth))//输出简要信息如下 所示: 返回的信息: {"log":{},"activity":{},"apps":{},"checks":{},"codesOfConduct":{},"emojis":{}, "gists":{},"git":{},"gitignore":{},"interactions":{},"issues":{},"licenses":{}, "markdown":{},"meta":{},"migrations":{},"oauthAuthorizations":{},"orgs":{}, "projects":{},"pulls":{},"rateLimit":{},"reactions":{},"repos":{},"search":{}, "teams":{},"users":{},"gitdata":{},"authorization":{},"pullRequests":{} }
看完上述内容,你们掌握如何在node.js中实现express框架的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!