SuperAPI AI 工具集

native-data-fetching

数据与分析

查看项目

更新于 10-16 02:31

技能介绍

用途:该技能面向 Expo/React Native 的网络与数据获取工作,适用于实现 API 请求、搭建数据获取(React Query、SWR)、使用 Expo Router 数据加载器(useLoaderData,Web SDK 55+)、调试网络失败、实现缓存策略、处理离线场景、认证与令牌管理,以及配置 API URL 和环境变量。

主要能力:涵盖 fetch API 的调用与错误处理封装;在复杂应用中选择 React Query、在较简单需求中选择 SWR;使用 NetInfo 检测网络状态并结合 React Query 持久化实现离线缓存;将认证令牌存入 expo-secure-store 并实现刷新流程;通过 EXPOPUBLIC 环境变量配合 .env.development 与 .env.production 区分开发与生产 API 地址;客户端安全密钥使用 EXPOPUBLIC 前缀,机密密钥仅放在 API 路由的非前缀环境变量中。

使用方式:执行前需先阅读详细指南,其中保留完整流程与参考资料,其安全、前置条件与验证要求视为强制。聚焦任务可只加载相关章节,端到端任务需完整阅读。示例调用包括:React Native 中如何发起 API 调用、React Query 与 SWR 如何取舍、应用需离线工作、如何处理认证令牌、API 调用缓慢时检查缓存策略与 React Query 的 staleTime、如何为开发与生产配置不同 API URL、API 密钥应放在何处、Expo Router 中如何为页面加载数据(Web 见 references/expo-router-loaders.md,原生使用 React Query 或 fetch)。

适用场景:Expo 与 React Native 应用的网络层开发、调试与优化。

限制:仅在任务明确匹配其上游产品或 API 范围时使用;变更前须依据当前官方文档核实命令、API 行为、定价、配额、凭据与部署影响;生成的示例不能替代针对具体环境的测试、安全审查,以及对破坏性或高成本操作的用户批准。其他细节暂未提供。