搞全栈还在纠结 POST、GET、RESTful?试试这个,像调用本地函数一样写接口

停止内耗:我们写的是业务,不是 HTTP 试卷

做开发时,你是否也陷入过这种无效纠结:接口是用 POST 还是 PUT?状态码返 200 还是 201?前端 Axios 封装了一层,后端 Router 又写了一堆。

累不累?我们只是想调个函数存点数据而已。

今天介绍的 js-rpc,旨在让你彻底忘掉 HTTP 协议,回归 JavaScript 函数调用的本质。

1. 服务端:极速启动

拒绝复杂的样板代码,我们先看目录结构,一切约定优于配置。

目录结构

text 复制代码
my-server/
├── api/
│   └── user.js    <-- 对应客户端 rpc.user
├── index.js       <-- 服务入口
└── package.json

启动服务 (index.js)

一行代码即可启动高性能 Node.js 服务,自动扫描 api 目录。

javascript 复制代码
const { create } = require('rpc-server-node');
create(); // 默认监听 3000 端口

编写业务 (api/user.js)

在 api 目录下新建文件,导出的函数即接口。没有 Router,没有 Controller,只有纯粹的业务逻辑。

javascript 复制代码
module.exports = {
  // 登录接口
  async login(username, pwd) {
    if (username !== 'admin') {
      throw new Error('用户不存在');
    }
    // 模拟返回数据
    return { id: 101, token: 'abc-123', name: username };
  },
  
  // 获取详情
  async getProfile(uid) {
    return { uid, role: 'developer' };
  }
};

2. 前端:像调本地方法一样

前端(Web / 小程序 / UniApp)不需要定义 API URL,不需要关心参数在 body 还是 query 里。

调用示例

javascript 复制代码
import { create } from 'rpc-client-fetch';

// 初始化
const rpc = create({ url: 'http://localhost:3000' });

async function main() {
  try {
    // ✨ 魔法时刻:直接调用服务端的函数
    const user = await rpc.user.login('admin', '123456');
    console.log('登录成功', user);
    
  } catch (err) {
    // 自动捕获后端抛出的 Error
    console.error('出错了:', err.message);
  }
}

3. 一套代码,打通全栈

js-rpc 的核心在于全平台兼容。你编写的同一套 api 业务代码,可以无缝运行在:

  • Node.js 服务器 (rpc-server-node)
  • 微信云开发 (rpc-server-tcb)
  • 腾讯云 Serverless (rpc-server-scf)

而在客户端,无论是 Web、小程序、UniApp 还是 Node.js,调用方式完全一致。

这就是真正的全栈:写一次,到处运行。

🔗 开源地址

项目已开源,欢迎 Star ⭐️

从今天起,把 HTTP 协议交给框架,把精力留给改变世界的业务逻辑。

相关推荐
m0_471199638 分钟前
【小程序】订单数据缓存 以及针对海量库存数据的 懒加载+数据分片 的具体实现方式
前端·vue.js·小程序
编程大师哥9 分钟前
Java web
java·开发语言·前端
A小码哥11 分钟前
Vibe Coding 提示词优化的四个实战策略
前端
飞雪飘摇11 分钟前
摆脱重复劳动的引力:深入解析 Elpis 框架的“配置驱动”哲学
全栈
Murrays11 分钟前
【React】01 初识 React
前端·javascript·react.js
大喜xi14 分钟前
ReactNative 使用百分比宽度时,aspectRatio 在某些情况下无法正确推断出高度,导致图片高度为 0,从而无法显示
前端
helloCat15 分钟前
你的前端代码应该怎么写
前端·javascript·架构
电商API_1800790524715 分钟前
大麦网API实战指南:关键字搜索与详情数据获取全解析
java·大数据·前端·人工智能·spring·网络爬虫
康一夏17 分钟前
CSS盒模型(Box Model) 原理
前端·css
web前端12317 分钟前
React Hooks 介绍与实践要点
前端·react.js