48 lines
1.6 KiB
Markdown
48 lines
1.6 KiB
Markdown
# 游民导航 · 微信小程序
|
||
|
||
原生微信小程序，数据与图标同步自仓库 H5：`src/data/links.json`、`public/icons/`。
|
||
|
||
交互对齐 H5：左侧抽屉跳转分类、整页长列表、浅/深色主题、回到顶部。因小程序无法直接打开任意外链，点击入口会弹出底部面板，**一键复制网址**后到浏览器粘贴打开（微信允许 `wx.setClipboardData`）。
|
||
|
||
结构参考 [nomadmini/miniapp](../../nomadmini/miniapp) 的 DevTools 接入方式（`project.config.json` + 开发者工具打开目录）；实现上用原生小程序而非 Taro，更适合静态导航包。
|
||
|
||
## 本地预览
|
||
|
||
1. 同步数据与图标：
|
||
|
||
```bash
|
||
npm run weapp:sync
|
||
```
|
||
|
||
或在 `weapp/` 下：
|
||
|
||
```powershell
|
||
python scripts/sync_data.py
|
||
```
|
||
|
||
2. 打开 **微信开发者工具** → 导入项目 → 目录选本仓库的 **`weapp/`**（不要选上级）。
|
||
|
||
3. AppID：可用测试号，或把 `project.config.json` 里的 `touristappid` 换成你的小程序 AppID。
|
||
|
||
4. 详情 → 本地设置 → **不校验合法域名**（开发期）。
|
||
|
||
## 目录
|
||
|
||
```
|
||
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 |
|