前端请求后端·速通

SpringBoot API · 实时
URL https://api.ikun66.cn/v3
返回JSON,支持CORS。
前端App (Vue/React/Android) 通过HTTP直接请求下方接口,获取用户/商品数据。
一次完整请求周期 (前端→后端→前端)
App 点击
请求API
后端处理
返回JSON
渲染UI
前端调用示例 (JavaScript fetch) — 左右可滑动
// 登录获取token (公开接口) fetch('https://api.demo-springboot.com/v1/auth/login', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ username: 'demouser', password: 'demo2024' }) }) .then(res => res.json()) .then(data => { const token = data.accessToken; // 获取用户资料 (携带token) return fetch('https://api.demo-springboot.com/v1/user/profile', { headers: { 'Authorization': `Bearer ${token}` } }); }) .then(res => res.json()) .then(profile => console.log('用户资料:', profile));
返回数据直接用于页面展示。
常用接口 (点击即用)
POST /auth/login
登录获取 token,body: {username, password}
GET /user/profile
需要 Authorization: Bearer token,返回用户基本资料。
GET /product/list?page=0&size=5
分页商品,支持 category 过滤 (电子产品/服装)。
POST /order/create
创建订单 (需token),body: {productId, quantity, address}
Java/Spring 远程获取教程
1

引入依赖 (RestTemplate / WebClient)

Spring Boot 项目直接使用 RestTemplateWebClient。无需额外配置。

2

编写Service调用商品接口

以下代码使用RestTemplate,携带token获取商品列表(左右滑动)

@Service public class ProductService { private final RestTemplate rest = new RestTemplate(); private final String BASE = "https://api.demo-springboot.com/v1"; public List<Product> fetchProducts(String token, int page) { String url = BASE + "/product/list?page=" + page + "&size=10"; HttpHeaders headers = new HttpHeaders(); headers.setBearerAuth(token); HttpEntity<?> entity = new HttpEntity<>(headers); ResponseEntity<ProductResponse> resp = rest.exchange( url, HttpMethod.GET, entity, ProductResponse.class); return resp.getBody().getProducts(); } }
3

解析JSON -> Java对象

定义与后端匹配的POJO,使用Lombok简化。

@Data @JsonIgnoreProperties(ignoreUnknown = true) public class Product { private Long id; private String name; private BigDecimal price; private String category; } // 包装分页响应 @Data public class ProductResponse { private List<Product> products; private int totalPages; }
4

App 展示数据

Android (Java/Kotlin) 可用 Retrofit 或 OkHttp 同样方式请求。iOS 可用 URLSession。流程一致:请求→解析→渲染。

每日 06:00-23:59 提供测试服务 限流 50/min