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

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

一、配置数据库

1.通过mlab获取一个免费的数据库

2.注册后，在MongoDB的部属表中点击新建（我们用的就是这个免费的沙盒数

3.创建一个账户，点击数据库名称,然后点击数据库名称,然后点击用户，并添加数据库用户，写下之后要用到的用户名和密码

4.获取数据路的URL(在数据库页面的顶部，你能够看到一个 MongoDB URI),这个数据库的URL相当于网址。

通常情况下，MongoDB的URL如下：

mongodb://<dbuser>:<dbpassword>@<host>:<port>/<dbname>
// 例如
mongodb://admin:superSecretPassword@ds111885.mlab.com:11885/medium

二、设置服务器

后端使用node
从server.js 开始

// init project
const express = require('express');// the library we will use to handle requests
const app = express(); // instantiate express
app.use(require('cors')()); // allow Cross-domain requests

// base route
app.post('/:user', function(request, response){
  response.send(request.params.user);
});

现在服务器可以响应每一个查询并显示查询的用户名

三、向数据库增加数据

我们知道 user 是谁了，现在我们想存储一些关于他的信息。
为了查询数据库，我们会使用 mongodb 库。你可以用以下两个方法安装：

npm install mongodb –save

或者如果你使用 Glitch ，你可以切换到 package.json 文件并点击 Add package 按钮。
我们加载 mongodb 库然后存储 MongoDB URI 到一个变量中:

const mongodb = require('mongodb'); // load mongodb
const url = process.env.URL

URI 是很敏感的信息——这是访问数据库所需的一切。最好把 URI 放到一个 .env 文件中，.env 文件中的信息对于其他人是不可见的。
URI=mongodb://admin:PASSWORD@ds111885.mlab.com:11885/medium
Glitch 会自动从 .env 文件中加载变量到 process.env 变量。
数据库的连接是异步的操作，所以我们需要像这样在回调中包装所有服务器设置：

mongodb.MongoClient.connect(url, function(err, db){
  // create a db table of 'users'
  const collection = db.collection('users')
  // base route
  app.get('/:user', function (request, response) {
    // handle db 
    // insert
    collection.insertOne({...request.body, user : request.params.user }, function(err) {
      if (err){
        response.send(“An error occured”)
      } else {
        response.send(“All well”)
      }
  });
  // listen for requests, the process.env.PORT is needed because
  // we are using glitch, otherwise you could have written 80 or whatever
  var listener = app.listen(process.env.PORT, function () {
  console.log(‘Your app is listening on port ‘ + listener.address().port);
  });
});