|
|
||
|---|---|---|
| .. | ||
| data | ||
| icons | ||
| pages/index | ||
| scripts | ||
| app.js | ||
| app.json | ||
| app.wxss | ||
| project.config.json | ||
| project.private.config.json | ||
| README.md | ||
| sitemap.json | ||
游民导航 · 微信小程序
原生微信小程序,数据与图标同步自仓库 H5:src/data/links.json、public/icons/。
交互对齐 H5:左侧抽屉跳转分类、整页长列表、浅/深色主题、回到顶部。因小程序无法直接打开任意外链,点击入口会弹出底部面板,一键复制网址后到浏览器粘贴打开(微信允许 wx.setClipboardData)。
结构参考 nomadmini/miniapp 的 DevTools 接入方式(project.config.json + 开发者工具打开目录);实现上用原生小程序而非 Taro,更适合静态导航包。
本地预览
- 同步数据与图标:
npm run weapp:sync
或在 weapp/ 下:
python scripts/sync_data.py
-
打开 微信开发者工具 → 导入项目 → 目录选本仓库的
weapp/(不要选上级)。 -
AppID:可用测试号,或把
project.config.json里的touristappid换成你的小程序 AppID。 -
详情 → 本地设置 → 不校验合法域名(开发期)。
目录
weapp/
├── app.js / app.json / app.wxss
├── project.config.json
├── data/links.json # sync 生成,勿手改
├── icons/ # sync 生成
├── pages/index/ # 唯一页面
└── scripts/sync_data.py
与 H5 / 小红书差异
| H5 | 微信 weapp | 小红书 xhs | |
|---|---|---|---|
| 打开链接 | window.open |
复制到剪贴板 | 手动长按复制 |
| 数据 | src/data/links.json |
sync → data/ + icons/ |
sync → zip |
| 运行 | Vite | 微信开发者工具 | 创作平台上传 zip |