apex map rotation下載 - apex map rotation原始碼下載

apex map rotation

其他源碼

1.0.0

下載

Apex Legends - 地圖旋轉

非官方Apex Legends 地圖旋轉應用程序，除了訂閱地圖更改通知之外，還允許用戶查看當前和下一張地圖。

動機

儘管 Apex Legends Status 是一個具有地圖旋轉功能的強大網站，但它缺乏通知。因此，每次需要知道哪個是當前地圖時，您都必須手動檢查。

《Apex Legends》地圖輪換的誕生是為了能夠知道即將出現的地圖，這樣您就不必再次親自檢查。

特徵

即時地圖旋轉
前台通知 -後台通知即將推出！
- 可自訂的地圖
- 可自訂閾值
可安裝的應用程式（請參閱支援）

貢獻

歡迎並感謝您為 Apex Legends - 地圖旋轉做出貢獻！

克隆儲存庫

首先，從 GitHub 克隆儲存庫：

 # HTTPS
git clone https://github.com/lgaspari/apex-map-rotation.git && cd apex-map-rotation

# SSH
git clone [email protected]:lgaspari/apex-map-rotation.git && cd apex-map-rotation

安裝包

然後，使用npm安裝依賴項：

npm install

配置環境變數

將.env檔複製到.env.local中。用正確的值填入空環境變量，如下所示：

VITE_APEX_LEGENDS_API_SECRET_TOKEN ：用於身份驗證的非官方 Apex Legends API 秘密令牌

在開發模式下啟動應用程式

現在，在大多數情況下，您將使用此命令來運行應用程式：

npm run start

在生產模式下啟動應用程式

否則，如果您想使用生產代碼運行應用程序，請改用：

npm run start:production

Linting 和程式碼格式

我們使用 ESLint 來尋找和修復程式碼中的問題。透過執行以下命令檢查您的本機程式碼：

npm run lint

此外，您可以安裝 Visual Studio Code 的 ESLint 和 Prettier 擴展，以協助您偵測錯誤並修正程式碼格式。

測試

我們使用 Vitest 作為我們應用程式的測試框架。透過執行以下命令檢查本機測試：

npm run test

此外，您可以安裝 Visual Studio Code 的 Vitest 擴充功能來快速執行測試。

持續集成

每次推送到main分支時都會執行持續整合工作流程。當您的變更未通過Lint和Test步驟時，工作流程將會失敗。請確保在單獨的提交中更正這些問題。

部署

目前沒有配置持續部署；您必須手動執行此命令：

npm run deploy

請不要在沒有通知的情況下部署到生產中。

漸進式網頁應用程式

這是一項實驗性功能，可能隨時被停用。

我們使用 Vite 來運行和建立應用程式。因此，為了設定漸進式Web應用程序，我們使用Vite PWA插件，這使得配置無縫。

PWA 資產生成

為了產生所需的最少 PWA 資產，我們使用 Vite PWA 資產產生器。下面的指令將使用 pwa-assets.config.ts 中的設定是基於檔案public/logo.svg產生資產。運行之前請確保它已更新：

npm run generate-pwa-assets

PWA 故障排除

安裝

如果您在安裝 PWA 時遇到問題，可以使用開發工具中的 Lighthouse 來檢查缺少哪些內容以使其正常運作。

以下是基於 Chromium 的瀏覽器的步驟：

開啟開發工具
轉到燈塔選項卡
檢查漸進式 Web 應用程式類別
按分析頁面載入按鈕
審核結果

更新服務人員

如果 Service Worker 有任何更新，應用程式應提示。但是，為了讓事情變得更容易，您可以打開開發工具中的一個選項來在重新載入時更新服務工作人員：

開啟開發工具
轉到應用程式選項卡
檢查重新載入時更新選項
使用CTRL+SHIFT+R重新載入選項卡

如果您仍然遇到問題，您可以透過按下「更新」按鈕自行更新 Service Worker。

更新資產

更新 PWA 資產時，您可能看不到已載入的新資產。如果是這種情況，請確保重新安裝應用程式。

跨瀏覽器相容性 (HTTPS)

通知

我們使用通知 API 的通知介面來設定並向使用者顯示桌面通知。您可以在 MDN Web 文件中閱讀有關通知 API 的更多資訊。

通知API

透過'Notification' in window檢查 API 支援。

平台	勇敢的	鉻合金	邊緣	火狐瀏覽器	狩獵之旅	觀察結果
macOS	是的	是的	是的	是的	是的	- -
iOS系統	不	不	不	不	是的 1	1必須啟用實驗性功能。
安卓	是的	是的	是的	是的	不適用	- -

提示通知權限

使用Promises透過Notification.requestPermission()請求通知權限。

平台	勇敢的	鉻合金	邊緣	火狐瀏覽器	狩獵之旅	觀察結果
macOS	是的 1	是的 1	是的 1	是的	是的	¹可能需要額外的手動步驟來授予權限。
iOS系統	不適用	不適用	不適用	不適用	是的 1	僅限PWA 支援。
安卓	是的	是的	是的 1	是 ²	不適用	¹可能需要額外的手動步驟來授予權限。 ²由於自簽名證書，可能會顯示非安全性頁面。

發送通知

使用new Notification(title, options);

平台	勇敢的	鉻合金	邊緣	火狐瀏覽器	狩獵之旅	觀察結果
macOS	是的	是的	是的	是的	是的	- -
iOS系統	不適用	不適用	不適用	不適用	沒有 1	連 PWA 也沒有。
安卓	不	不	不	是的	不適用	- -

Service Workers（需要 HTTPS，本地主機除外）

Service Worker 本質上充當位於 Web 應用程式、瀏覽器和網路（如果可用）之間的代理伺服器。您可以在 MDN Web 文件中閱讀有關 Service Worker API 的更多資訊。

平台	勇敢的	鉻合金	邊緣	火狐瀏覽器	狩獵之旅	觀察結果
macOS	是的	是的	是的	是的	是的	- -
iOS系統	是的	是的	是的	是的	是的	- -
安卓	是的	是的	是的	是的	不適用	- -

漸進式 Web 應用程式（需要 HTTPS，本地主機除外）

漸進式 Web 應用程式 (PWA) 是使用 Web 平台技術建立的應用程序，但提供類似於特定於平台的應用程式的使用者體驗。您可以在 MDN Web 文件中閱讀有關漸進式 Web 應用程式的更多資訊。

平台	勇敢的	鉻合金	邊緣	火狐瀏覽器	狩獵之旅	觀察結果
macOS	是的 1	是的 1	是的 1	不	不	1可以透過網址列右側的`Install PWA`按鈕或`Options > Install app`按鈕進行安裝。
iOS系統	不	不	不	不	是的 1	1可以透過`Share > Add to Home Screen`按鈕安裝。
安卓	是的 1	是的 1	是的 1	是 ²	不適用	1可以透過`Add to Home Screen`彈出視窗或`Options > Install app`按鈕進行安裝。 ²可以透過`Options > Add to Home screen`按鈕進行安裝。