JavaScript调用ABAP后端发布的restful服务

1.消费代码

我这里账号密码配置在node.js的.env,所以注释了组装Authrization的部分

javascript 复制代码
        let url = 'http://localhost:3000/api/zbakewm?ACTION=GET_BSK_INFO';
        // const USERNAME = '账号';
        // const PASSWORD = '密码';
        // function getAuthHeader() {
        //     const credentials = btoa(`${USERNAME}:${PASSWORD}`);
        //     return `Basic ${credentials}`;
        // }
        fetch(url, {
            method: 'POST',
            headers: {
                // 'Authorization': getAuthHeader(),
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                // 你的数据
                "in_card_id": "300003390613"
            })
        })
            .then(response => response.json())
            .then(data => {
                console.log(data);
            }).catch(error => {
                console.error('Error:', error);
            });

2.通过node.js服务提供代理,解决CORS跨域问题

javascript 复制代码
// server.js
require('dotenv').config();
const express = require('express');
const axios = require('axios');
const cors = require('cors');
const helmet = require('helmet');
const morgan = require('morgan');

const app = express();
const PORT = process.env.PORT || 3000;

// 安全中间件
app.use(helmet()); // 设置安全 headers
app.use(cors()); // 允许所有域名
app.use(morgan('combined')); // 日志
app.use(express.json({ limit: '10mb' }));

// 构造 ABAP Basic Auth 头
const abapAuth = 'Basic ' + Buffer.from(
    `${process.env.ABAP_USER}:${process.env.ABAP_PASS}`
).toString('base64');
console.log('Generated Auth Header:', abapAuth);

// 通用代理路由
app.use('/api', async (req, res) => {
    try {
        const targetPath = req.originalUrl.replace('/api', '');
        const url = `${process.env.ABAP_URL}${targetPath}`;

        console.log(`Proxying to ABAP: ${url}`);

        const response = await axios({
            method: req.method,
            url: url,
            headers: {
                //     ...req.headers,
                Authorization: abapAuth,
                // Host: new URL(process.env.ABAP_URL).host, // 避免 Host 头问题
                'Content-Type': req.headers['content-type'] || 'application/json'
            },
            data: req.body,
            httpsAgent: process.env.NODE_TLS_REJECT_UNAUTHORIZED === '0'
                ? new (require('https')).Agent({ rejectUnauthorized: false })
                : undefined, // 仅用于自签名证书测试!生产环境应使用有效证书
            timeout: 180000
        });

        // 返回 ABAP 响应
        res.status(response.status).json(response.data);
    } catch (error) {
        console.error('Proxy error:', error.message);
        if (error.response) {
            res.status(error.response.status).send(error.response.data);
        } else {
            res.status(502).json({ error: 'Failed to reach ABAP system' });
        }
    }
});

// 健康检查
app.get('/health', (req, res) => {
    res.json({ status: 'OK', timestamp: new Date().toISOString() });
});

app.listen(PORT, () => {
    console.log(`ABAP Proxy running on port ${PORT}`);
});

.env配置文件

javascript 复制代码
ABAP_URL=http://ip:port
ABAP_USER=账号
ABAP_PASS=密码
PORT=3000
NODE_ENV=production

cd到项目目录

运行终端命令安装依赖

npm init -y && npm install dotenv express axios cors helmet morgan

依赖安装成功后生成的文件

终端命令启动代理服务

node node proxy-server.js

可以看到代理服务已经成功启动

3.启动前端页面可以看到正常调用ABAP后端服务,获取到数据

相关推荐
尽兴-11 分钟前
4.1 智能体核心:Agent、Sub-Agent、ReAct、规划执行
前端·javascript·react.js·agent·react·subagent
万物更新_26 分钟前
vue框架
前端·javascript·vue.js·笔记
Richar1 小时前
Object.freeze()注意事项
前端·javascript
TA远方1 小时前
【HTML】JavaScript Canvas 图像截取与保存完整指南
前端·javascript·html·canvas·截图·截取
Asize1 小时前
JavaScript 数据类型解析:从 null 与 undefined 的迷思到栈堆内存真相
前端·javascript·面试
LDX前端校草1 小时前
position属性值及用法
前端·javascript·面试
晓13132 小时前
【Cocos Creator 3.x】篇——第四章 子系统
前端·javascript·游戏引擎
li-xun2 小时前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
ikoala2 小时前
Codex 怎么买、怎么充值?先把这两套计费搞清楚
前端·javascript·后端
前端Hardy2 小时前
一个时代结束了:npm 终于对 install 脚本下手了
前端·javascript·后端