Grape API: 本项目是一个面向开发者的AP!平台，提供API接口供开发者调用。用户通过注册登录，可以开通接口调用权限，并可以浏览和调用接口。每次调用都会进行统计，用户可以根据统计数据进行分析和优化。管理员可以发布接口、下线接口、接入接口，并可视化接口的调用情况和数据。

# Grape API

> 一个丰富的API开放调用平台，为开发者提供便捷、实用、安全的API调用体验
>
> Java + React 全栈项目，包括网站前台+后台
>
> 
>
> 在线体验地址：[Grape API](http://154.8.152.83)因为服务器到期暂时并未开放
>

## 项目展示
- 登录

![登录](login.jpg)

- 首页

![首页](index.png)

- 接口详情

![接口详情](detail1.png)
![接口详情](detail11.png)

- 接口管理

![接口管理](c.png)

- 接口分析

![接口分析](e.png)

## 项目背景

本人在实习过程中发现公司有调用第三方接口的业务，并且我在学习过程中也有调用第三方接口的尝试，比如手机短信接口，视频点播接口，支付接口等等，一直好奇第三方接口的服务提供方是如何实现安全，方便，快捷的接口的调用体验，遂萌生了一个自己写一个接口平台的想法，于是该项目诞生了

**Grape API 平台根据接口定制化SDK，给用户提供简洁、实用的接口调用体验，并且使用API签名校验保障接口调用的安全性**

## 业务流程
![业务流程](uTools_1691836905692%20(1).png)

## 系统架构
![系统架构](API%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84%E5%9B%BE.png)

## 技术栈

### 前端技术栈

- 开发框架：React、Umi
- 脚手架：Ant Design Pro
- 组件库：Ant Design、Ant Design Components
- 语法扩展：TypeScript、Less
- 打包工具：Webpack
- 代码规范：ESLint、StyleLint、Prettier

### 后端技术栈

- 主语言：Java
- 框架：SpringBoot 2.7.0、Mybatis-plus、Spring Cloud
- 数据库：Mysql8.0、Redis
- 注册中心：Nacos
- 服务调用：Dubbo
- 网关：Spring Cloud Gateway

## 项目模块

- api-common ：为公共封装类（如公共实体、公共常量，统一响应实体，统一异常处理）
- api-backend ：为接口管理平台，主要包括用户、接口相关的功能
- api-gateway ：为网关服务，**涉及到网关限流，统一鉴权，统一日志处理，接口统计，接口数据一致性处理**
- api-interface：为接口服务，提供可供调用的接口
- api-sdk：提供给开发者的SDK

## 功能模块

> 🌟 亮点功能 🚀 未来计划

- 用户、管理员
  - 个人主页，包括上传头像，显示密钥，重新生成ak,sk(🚀 )
  - 管理员：用户管理
  - 管理员：接口管理
  - 管理员：接口分析
  - 用户：购买接口次数(🚀 )
- 接口
  - 浏览接口信息
  - 🌟 数字签名校验接口调用权限
  - 🌟 SDK调用接口
  - 接口搜索 (🚀 )
  - 下载SDK(🚀 )
  - 用户上传自己的接口（🚀）

## 快速上手

### 后端

1. 将各模块配置修改成你自己本地的端口、账号、密码
2. 启动Nacos、Mysql、Redis
3. 将公共服务 api-common 以及客户端 SDK 安装到本地仓库
4. 按顺序启动服务

服务启动顺序参考：
1. api-backend
3. api-gateway
5. api-interface

### 前端

环境要求：Node.js >= 16

安装依赖：

```
yarn
```

启动：

```
npm run start:dev
```
**注意：如果想要体验订单和支付业务并且没有个人云服务器的，需要配置内网穿透才能体验(非必要)**

## 欢迎贡献

项目需要大家的支持，期待更多小伙伴的贡献，你可以：

- 对于项目中的Bug和建议，能够在Issues区提出建议，我会积极响应

Water/Grape API

简介

发行版

贡献者

近期动态

Water/Grape API .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

Water/Grape API