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

相关推荐
时间海8716 小时前
对象键清洗之前,先拦住重名
javascript·后端
挖掘狂人7 小时前
Java 26 深度解析:一次“性能兑现 + 契约收紧”的版本
javascript·后端·性能优化
霍营_托尼7 小时前
微信小程序点餐项目实战:飞入动画、样式错位、弹窗不消失,7 个前端坑的完整排障记录
javascript·微信小程序·动效
Hilaku8 小时前
为什么我劝应届生不要去创业公司写前端?
前端·javascript·程序员
晓得迷路了8 小时前
栗子前端技术周刊第 149 期 - Vite+ 1.0、Preact 11、Next.js 16.4...
前端·javascript·react.js
前端一小卒9 小时前
搜索 API 额度用完返回空数组,Agent 就开始一本正经地胡说
前端·javascript·node.js
w2sfot9 小时前
AI时代,JS加密还有效吗?
开发语言·前端·javascript
haluhalu.9 小时前
Agent = LLM + 上下文 + 工具(含观察 / 动作空间、ReAct 循环)
前端·javascript·人工智能·python·react.js·机器学习·个人开发
子兮曰15 小时前
把 649 种文件格式塞进一个网页里:一个「文件不出浏览器」的预览器
前端·javascript·后端
paopaokaka_luck18 小时前
基于springboot+vue的智慧家政管理系统(AI问答、 WebSocket实时沟通、ECharts运营分析、订单规则与服务追踪)
java·javascript·spring boot·数据分析·echarts·mybatis