I Got Tired of Switching Tools While Coding on My Phone, So I Built This

说明与用途

Authtics Host 内置的开发者面板通过将日志、网络、客户端和服务器信息整合到一个界面，简化了移动端 Web 开发，减少了工具切换。

问题

Developers coding on phones need to switch between multiple tools to inspect logs, network, and server state, which is cumbersome.

结果

The integrated Developer Panel streamlines debugging and server management for mobile developers, eliminating the need to switch tools.

工作流

• Install Node.js 22 and Authtics Host via npm
• Create project structure with index.ts, authtics_host.config.ts, and client/pages/index.tsx
• Configure devMode:true and other settings in config
• Run the app with node --experimental-strip-types index.ts
• Open the app in a browser and access the Developer Panel at bottom‑right
• Use tabs to view logs, network, route, client, server info, and manage the app

证据

I develop stuff on my phone.

来源

When you're developing a website, you need to check logs, investigate requests, see what's happening on the server, and figure out why something isn't working.

来源

The panel has eight tabs: Console, Route, Webpage Info, Network, Client Info, About Host, Server Info, Panel Customization.

来源

If you configure a DAT in authtics_host.config.ts, you can restrict developer access using a token you specify.

来源

The package includes more than just the Developer Panel, so check out the README for the other framework features and configuration options.

来源