Custom links to open directly on the app
- Vorherrschende Sprache
- JavaScript
- Sterne
- 0
- Forks
- 0
- Ø Merge
- 3 Min.
- Gemergte PRs (30 T.)
- 99
Beschreibung
Web App Launch Handlers (specifically using the launch_handler and scope_extensions manifest properties).
Step 1: Add launch_handler to your manifest.json
Add the launch_handler key to control how the OS directs web link navigations to an existing or new instance of your PWA:
```json
{
"name": "My Framework7 App",
"start_url": "/",
"scope": "/",
"display": "standalone",
"launch_handler": {
"client_mode": "focus-existing"
}
}
```
Client Modes:
"focus-existing" (Recommended): If the PWA is already open, tapping the web link brings the existing app window to the focus and passes the URL navigation to it.
"navigate-new": Opens a brand new window of your PWA for that specific link.
Step 2: Handle Incoming Links in JavaScript (Optional)
If your app is already open and configured with focus-existing, capture the deep link target inside your Service Worker or main script using the launchQueue API:
```js
if ('launchQueue' in window) {
window.launchQueue.setConsumer((launchParams) => {
if (launchParams.targetURL) {
const url = new URL(launchParams.targetURL);
console.log('Deep-linked URL path:', url.pathname);
// Use Framework7 router to navigate directly to the requested screen
if (window.app && window.app.views.main) {
window.app.views.main.router.navigate(url.pathname);
}
}
});
}
```
OS Platform Support Matrix
OS / Browser | Auto-Open Behavior | Notes
-- | -- | --
Android (Chrome/Edge) | ✅ Supported | Requires PWA to be installed via "Add to Home Screen" or WebAPK.
Windows / macOS (Chrome/Edge) | ✅ Supported | Chrome prompts the user once to "Open link in app?" and remembers choice.
iOS / iPadOS (Safari) | ⚠️ Limited | iOS Safari does not natively support deep link interception for PWAs added to the Home Screen. iOS users opening web links will hit Safari unless you use a native wrapper (like Capacitor) with Universal Links / Digital Asset Links.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Bewertung
Dieses Issue wurde noch nicht bewertet.