【node】从零开始用node.js编写api接口_node js接口

作者：小小林熬夜学编程 | 2024-06-15 19:10:21

踩

node js接口

今天开始准备自己去探索下 node.js 编写接口，让自己朝着全栈逐渐靠近。

写此博客，就是为了记录下自己的探索以及实现过程。

一、安装

首先安装 node.js，下载地址。
下载完成，打开 cmd 输入 node -v，如果显示出了版本号，证明安装成功。

二、初始化

在磁盘中找个合适的位置，创建一个文件夹用来放项目。
然后在创建的文件夹根目录打开 cmd 输入 npm init 。
初始化完成后，会在文件夹的根目录生成一个 package.json 文件。

三、安装依赖

express —— 基于 node.js 平台，快速、开放、极简的 web 开发框架。
body-parser —— 用来解析表单。
mysql —— 关系型数据库管理系统。
cors —— 用来解决跨域问题。

npm install express body-parser mysql cors --save

四、起步

在文件夹根目录新建一个 index.js 文件。
引入依赖后，就可以直接编写接口了。

index.js 代码如下：


/* 引入express框架 */
const express = require('express');
const app = express();
 
/* 引入cors */
const cors = require('cors');
app.use(cors());
 
/* 引入body-parser */
const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
 
/* 引入mysql */
const mysql = require('mysql');
const conn = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '123456',
    database: 'test',
    multipleStatements: true
})
conn.connect();
 
/* 监听端口 */
app.listen(8080, () => {
    console.log('——————————服务已启动——————————');
})
 
app.get('/', (req, res) => {
    res.send('<p style="color:red">服务已启动</p>');
})
 
app.get('/api/getUserList', (req, res) => {
    const sqlStr = 'SELECT * FROM users'
    conn.query(sqlStr, (error, results) => {
        if (error) return res.json({ code: 10001, message: error})
        res.json({ code: 10000, message: results})
    })
})

index.html 代码如下：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>node.js编写接口</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    
</body>
<script>
    $(function(){
        $.get({
            url: 'http://localhost:8080/api/getUserList',
            data: '',
            success: function(res){ 
                console.log(res);
                res.message.map(item => {
                    document.write('<div>'+ item.id + '————' + item.userName +'</div>');
                })
            },
            error: function(error){
                console.log(error);
            }
        })
    })
</script>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/723457