蘋果公司現已正式推出網頁版 App Store,為用户提供一個可在各類設備間瀏覽應用的中心樞紐。
用户無需持有 iPhone 等蘋果設備,即可通過瀏覽器訪問 apps.apple.com 體驗完整的應用瀏覽、搜索和分享功能。該網頁和蘋果用户在 iPhone、iPad 或 Mac 上登陸使用的 App Store 高度相似,網站還包含了標誌性的 “Today” 標籤頁、官方編輯推薦、各類應用排行榜以及 Apple Arcade 遊戲專區。
此次網頁版還內置了原生的瀏覽器搜索功能,支持用户直接查找和發現應用。此外,網站還支持無縫跨平台發現,用户通過頂部左邊的下拉菜單,可以輕鬆切換瀏覽 iPhone、iPad、Mac、Apple Watch、Apple TV 甚至 Vision Pro 的應用。
然而開發者發現蘋果忘記對 App Store 網站禁用生產環境下的 sourcemaps,因此只需使用 Chrome 擴展“Save All Resources”即可保存該網站的完整前端代碼:
開發者已將上述代碼上傳至 GitHub:https://github.com/rxliuli/apps.apple.com
蘋果網頁版 App Store 目錄結構如下:
.
├── api/ # API related code
├── assets/ # Static assets
├── node_modules/ # Dependencies
├── shared/ # Shared modules
├── src/ # Source code
│ ├── components/
│ ├── config/
│ ├── constants/
│ ├── context/
│ ├── stores/
│ └── utils/
└── us/ # US region specific
倉庫包含:
- 完整的 Svelte/TypeScript 源代碼
- 狀態管理邏輯
- UI 組件
- API 集成代碼
- 路由配置
- ……
温馨提示:該倉庫僅用於教育和研究目的。