工具 『AstroBooox』 -更好的AstroBox提交数据在线生成工具

[WaiJade]

前言​

在上传资源到AstroBox资源库的时候发现写manifest.json和csv语句有点麻烦，发现searchstars提到的两个工具都很难用。
本着折腾的精神，我又自己做了一个网页的数据生成工具。
虽然做完才发现已经有有一个看起来还不错的了，但自认为自己的还不错，所以叫「更好的」
感谢AstroBox团队开发AstroBox
阿斯戳博克斯🤤🤤🤤窝埃泥
强烈建议使用chromium内核浏览器（Chrome、Edge）访问，否则功能受限。​

AstroBooox・点我进入​

AstroBooox备用网址1・点我进入​

AstroBooox备用网址2・点我进入​

<!--因为是CloudFlare pages部署的，所以上面几个网址需要挂梯-->
<!--不过你都干开发了不全程挂梯？-->​

---

​

『更优雅的UI』​

展开折叠内容: 『更优雅的UI』

基于现代的前端架构Vue3搭建的Web应用，UI更现代
仿照AstroBox官网颜色构建
使用MiSans
下面的图片已经是之前的了，现在网站的UI已经改了
2025.8.23已经更新了帖子

展开折叠内容: 一些UI图片

---

『更强的功能』​

展开折叠内容: 『更强的功能』

「拥抱优雅 - 直接导入文件，拒绝手输文件名」​

更优雅地编辑预览图和图标，直接利用浏览器API导入，拒绝手动输入文件名​

​

「快人一步 - 抛弃翻找繁杂的设备代号和对应逻辑」​

直接使用界面选择支持的设备，若代号相同（如环9和环9NFC都是n66）则选择任意一个同时会被勾选。
退出窗口点击删除不优雅？直接取消勾选即可删除添加的设备！

​

「拒绝下载和复制 - 直接保存manifest，不用下载！」​

拒绝手动打开编辑器复制或下载后拖入
使用更强大的File System Access API文件接口，具有写入权限，直接保存manifest到本地。
害怕手滑覆盖manifest？不用担心覆盖问题，如果已经有manifest则会提示用户是否覆盖。
​

「一目了然 - Json实时预览」​

在左侧栏输入信息时，会同时在右侧的Json预览实时更新

​

​

---

『更好的响应式』​

展开折叠内容: 『更好的响应式』

/* manifest只支持桌面端和平板 */
使用现代前端架构Vue3+更先进的Typescript搭建
响应极好还好，有些问题懒得修（主要是手机端的）
建议电脑访问，更方便使用直接保存的功能​

展开折叠内容: 平板端样式

​

展开折叠内容: 手机端样式

​

---

『开源』​

展开折叠内容: 『开源』

​

展开折叠内容: 『开源』

AstroBooox开源在GitHub，部署由大善人CloudFlare pages支持
AstroBooox仓库
欢迎star和提出issues，开源推动进步
​

项目结构​

.
├── App.vue
├── assets
│   └── vue.svg
├── components
│   ├── CSVEGenerator.vue     #CSV语句生成页面
│   ├── Footer.vue           #页脚组件
│   ├── JsonPreview.vue      #JSON预览组件
│   ├── ManifestEditor.vue   #Manifest编辑页面
│   ├── NavBar.vue           #导航栏组件
│   └── ResLinkGenerator.vue #资源链接和徽标代码生成页面
├── layouts
│   └── MainLayout.vue
├── main.ts
├── router
│   └── index.ts
├── style.css
├── type
│   └── manifest.ts
└── vite-env.d.ts

​

---

展开折叠内容: 『后续更新』

『后续更新』​

后续会继续更新网站，但应该不会大改，只会继续优化。
实际是加入了新功能还优化响应式和UI
​

---

『彩蛋？』​

展开折叠内容: 『彩蛋？』

如果你不同意AstroBox的审核标准会弹出下面的窗口。​

​

资源链接页面的占位符显示的作品是hrsthrt74的
因为这个页面最开始是由他贡献pr的
​