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后端服务,获取到数据

相关推荐
答案—answer2 小时前
开源项目:Three.js3D模型可视化编辑系统
javascript·3d·开源·开源项目·three.js·three.js编辑器
Thomas游戏开发2 小时前
分享一个好玩的:一次提示词让AI同时开发双引擎框架
前端·javascript·后端
m0_748252382 小时前
Angular 2 数据显示方法
前端·javascript·angular.js
蓁蓁啊2 小时前
GCC 头文件搜索路径:-I vs -idirafter 深度解析
java·前端·javascript·嵌入式硬件·物联网
依赖_赖2 小时前
前端实现token无感刷新
前端·javascript·vue.js
m0_748252382 小时前
JavaScript 基本语法
开发语言·javascript·ecmascript
hhcccchh3 小时前
学习vue第十三天 Vue3组件深入指南:组件的艺术与科学
javascript·vue.js·学习
@PHARAOH3 小时前
WHAT - Vercel react-best-practices 系列(二)
前端·javascript·react.js
qq_406176143 小时前
深入理解 JavaScript 闭包:从原理到实战避坑
开发语言·前端·javascript