作家
登录

前端开发者该如何设置数据库

作者: 来源: 2017-11-24 09:31:33 阅读 我要评论

我们须要 use(require(cors)) 来许可跨域请求。跨域请求是大年夜某个域名的网站去请求另一个域名下的办事。

app.use(require('body-parser').json()) 为主动为我们将请求数据解析成 JSON。

然后我们向 get 偏向传递想要处理的路由,以及处理请求的回调。也就是说只要有人打开辟站中的 / 页面,请求就会被传递给那个回调来处理。域名部分是隐含的,所以如不雅你的的域是 http://shiny-koala.glitch.com,路由 /about 就是 http://shiny-koala.glitch.com/about。

确切地说,我说的“打开页面”是指产生一个应用 GET 办法发送给办事的请求。HTTP 办法只是你发送给办事的请求类型,我们只会应用这些:

  • GET 办法用于大年夜办事器获取资本。比如,打开 Facebook 的时刻,它须要加载 HTML、CSS 和 JavaScript。
  • POST 办法用于在办事器上创建资本。比如在 Facebook 上宣布内容,写在宣布内容中的信息应用经由过程 POST 请求发送给服 Facebook 务器。
  • PUT 办法用于更新办事器上的资本。比如,你在修改某篇宣布内容的时刻,就应用 PUT 请求将修改的内容发送给 Facebook 办事器。

app.post 和 app.put 的工作方法和 app.get 很像,然则有足够合理的来由应用 POST 和 PUT 办法代替 GET。

路由

在你进行办事器开辟时,你须要进行一些测试。你可以用简单的网站 REST test test 或者 Insomnia 应用法度榜样去运行一下 HTTP 请求。

点击 显示 按钮,来检查 Glitch 应用法度榜样的 URL 。

到今朝为止,我们只是用过路由 / 。然则如不雅我们想对不合的用户存储不合的信息,我们就须要给不合的用户分派一个不合的路由。

例如: /ZaninAndrea 和 /JohnGreen

如今有一个可贵:

我们弗成能对每一条路由进行编码,因为它不是一个可扩大的办法。我们须要的是 路由参数 。接下来我们只编码一个路由:/:user

冒号是在表达要捕获任何故/开端的并且只包含字符数字的路由。

如下例所示:

  • /ZaninAndrea 可以或许捕获到
  • /Johnny45 可以或许捕获到
  • /alex/score 不 能捕获到

最后

  1. // base route 
  2. app.get("/:user"function (request, response) { 
  3.   response.send(request.params.user)  
  4. }); 
  5.  
  6. // base route 
  7. app.post("/:user"function (request, response) { 
  8.   response.send(request.params.user)  
  9. }); 
  10.  
  11.  
  12. // base route 
  13. app.put("/:user"function (request, response) { 
  14.   response.send(request.params.user)  
  15. }); 

如今办事器可以响应每一个萌芽并显示萌芽的用户名。

向数据库增长数据

我们知道 user 是谁了,如今我们想存储一些关于他的信息。

为了萌芽数据库,我们会应用 mongodb 库。你可以用以下两个办法安装:

  1. npm install mongodb --save 

或者如不雅你应用 Glitch ,你可以切换到 package.json 文件并点击 Add package 按钮。

我们加载 mongodb 库然后存储 MongoDB URI 到一个变量中:

  1. const mongodb = require('mongodb'); // load mongodb 
  2. const uri = process.env.URI; 

你可以修改┞封个完全的项目 在这 ,你将须要有一个本身的数据库,如不雅你还不会创建,请回到 设备数据库 部分。

比来有仁攀来问我,作为前端开辟人员保存用户数据信息的最简便的办法是什么。是以我来解释一下若何实现它。

  1. URI=mongodb://admin:PASSWORD@ds111885.mlab.com:11885/medium 

Glitch 会主动大年夜 .env 文件中加载变量到 process.env 变量。

数据库的连接是异步的操作,所以我们须要像如许在回调中包装所有办事器设置:

  1. mongodb.MongoClient.connect(uri, function(err, db) { 
  2.   // base route 

      推荐阅读

      李开复:未来几年,中国最赚钱的工作是什么?

    Tech Neo技巧沙龙 | 11月25号,九州云/ZStack与您一路商量云时代收集界线治理实践 1 故事安闲波人工智能高潮开端2017年,无人不谈人工智能。即使,1980年,他已经在哥伦比亚大年夜学,和同窗们一路研制>>>详细阅读


    本文标题:前端开发者该如何设置数据库

    地址:http://www.17bianji.com/lsqh/39194.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)