1.0.1 • Published 3 years ago

tada-dev-tool v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

专属开发者工具

安装与使用:

npm install tada-dev-tool
import { loadDevTools } from "tada-dev-tool";

loadDevTools(() => {
  ReactDOM.render(
    <React.StrictMode>
      <AppProviders>
        <App />
      </AppProviders>
    </React.StrictMode>,
    document.getElementById("root")
  );
});

两大功能介绍

1. 分布式后端

传统后端的两大问题: 1. 服务脆弱,请求次数有限,不稳定. 2. 前端对后端数据库的控制有限,比如没法轻易地重置数据库

这个开发者工具用 MSWService Worker 为原理实现了"分布式后端"

即:

  1. 所有请求被Service Worker代理 rU5enx.png
  2. 后端逻辑处理后,以localStorage为数据库进行增删改查操作 rU558J.png

这样浏览器上就安装了一个独立的后端服务和数据库,不受任何中心化服务的影响 点击'清空数据库'就可以重置后端服务 rUIdqx.png

2. HTTP 请求精准控制

项目的健壮性:这个开发者工具可以精准地控制 HTTP请求的时间、失败概率、失败规则

rUHjc4.png