六、项目发布-- 3. Node.js+express 编写书城首页API

前面那些准备工作做完之后，现在我们就具体来用Node.js来写一个简单的API

基本API编写：

建个后端文件夹，放到vscode打开

我们之前的代码都是前端代码，现在我们来做一个后端的代码。新建一个新的文件夹叫node_new_book，然后拖到vscode中运行，然后建个app.js

然后通过npm init 对整个项目进行初始化

把它初始化为一个npm项目，然后就会出现package.json文件

初始化完成了后，我们来安装express，我们使用express来作为开发框架。

express是一个非常轻量级的框架，可以简化我们的开发过程，让我们的开发速度提高。通过npm i express -S 来安装express，如下生成node_modules文件夹

接下来我们通过express来写一个最简单的API也就是我们说的Hello Word试试。

注意在node当中我们通常是默认支持Commonjs的模块格式，如果写成ES6的格式不支持。

简单了解一下express是什么

我们可以去看看这个express是什么，可以看到其实express是一个function是createApplication，这个方法中返回一个app，可以看到app就是一个对象是一个function，这个方法当中通过mixin混入了一些另外的方法，然后在app下面加了一个request和response，还做了一个初始化init的操作，最后将app返回。也就是说我们const express = require('express')这里的express就是这里的createApplication，那么我们通过执行express()得到一个app

拿到这个app方法之后，我们就可以使用express为我们添加好的一些预设的方法，比如这里我们使用get方法，我们就可以在浏览器当中通过get请求来获取DOM，调用到这里的方法。参数第一个指的是匹配的路由，也就是说我们传入一个根路径，那么就会调用后面的方法。

我们可以通过app.listen()来监听

比如app.listen(3000)那么就3000端口，后面可以加个回调函数，就是当我们listen成功之后回调这个函数，回调这个函数的时候我们获取app.listen的返回值。

这样就可以完成一个最简单的nodejs应用，然后启动即在终端输入node app.js

启动完成之后回到浏览器当中，输入localhost:3000，可以看到我们当前的时间就被输出出来了

接下来我们继续来调试连接数据库

因为我们实际API当中数据获取不是静态的形式，不太可能全部采用new Date().toDateString()这种静态的方式来获取数据，而过多的时候是通过从数据库中查询然后将查询的结果封装成一个JSON字符串返回给我们前台页面。

首先安装mysql这个库即npm i mysql -S，安装完后我们来require导入进来

这个库怎么用呢，首先我们需要编写一个function叫做connect，用来连接数据库。

这样的话就能生成连接字符串，之后我们就会通过sql语句来查询数据

所以我们紧接着再来去编写一个接口

这个接口写完后，我们通过node app.js 将这个服务重新启动起来，然后在浏览器当中访问localhost:3000/book/list即可看到如下

在掌握了基本API编写技巧后，我们就可以来写我们的第一个接口，是我们首页的接口

继续编写我们的API

我们仍然提供一个get方法，注意一个就是使用nodejs来做测试的时候每次修改都需要重新node app.js启动才行

编写获取书城首页的API：

1、获取书城首页当中的猜你喜欢数据

首先编写获取书城首页的数据，并且创建一个生成随机数的方法

如下是获取书城首页的API，我们对于猜你喜欢前台是想要随机获取9本书，所以我们做一个方法随机获取9本书，并且编写路径为/book/home的API

然后根据这个随机数去把id等于这个数的电子书获取出来

当前我们只是随机生成了几个数，这个随机数就是书的id这样子，所以我们需要去根据这个随机数去把id=这个数的电子书获取出来

接下来我们根据获取到的随机数的数组通过循环方式来把这些电子书生成，通过forEach来获取到我们获取到的随机数，通过这个key到results当中找到对应的电子书，我们建一个createData方法，通过这个方法我们将所有的results传入进去再将key传入进去，然后我们创建createData方法

这个createData方法是接收key和results，根据key，到results当中把这个key对应的电子书找出来

把数据库中相对路径的cover改成从nginx上获取的cover

我们到数据库中可以看到这个cover是相对路径，这个相对路径返回给前端的话，前端就会在当前这个路径下去找，但是实际上我们的封面是存在nginx上的，那么前端就会找不到就会报404错误，那图片就会显示不出来，所以这里我们要对封面进行加工

这个封面图片是存在于我们nginx服务器上面的嘛，我们需要把数据库中cover的路径改为从nginx上img中获取的cover，怎么改，就是在数据库返回的cover中加入如下即可，访问nginx的路径就是http://localhost:8081嘛，然后要访问nginx下的img所以加上img

这个resUrl我们后面会频繁进行使用，我们可以单独建一个模块把这些数据全部放进去，这样统一方便管理，如下我们建一个const.js目录

然后我们再加一些其他的属性，这样前端要用的话就可以直接取到

成功获取猜你喜欢数据

然后node app.js，然后访问这个localhost:3000/book/home，回到终端可以看到随机获取的9本书数据已经打印回来了，而且里面的cover也和我们想要的那样生成了，把它复制出来到浏览器中访问，说明这个路径在我们本地是可以取到的

我们创建一个方法来接createDate的数据，并且加到我们建的gussYouLike数组中。

因为猜你喜欢不一样，因为猜你喜欢需要加一些多少人正在读某书、对某图书感兴趣的人也在读、与什么同作者，所以要增加一些字段，猜你喜欢获取回来的数据中需要有type属性和results属性，即据type来判断result是什么，所以要加上这个createGuessYouLike方法，作用是往猜你喜欢回来的电子书数据中添加这两个字段，从而使得前端可以展示“ 多少人正在读某书、对某图书感兴趣的人也在读、与某书同作者 ”