Absulit / Absulit/sinpefacil

Custom links to open directly on the app

Ouverte
#8 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
0
Forks
0
Merge moyen
3 min
PR mergées (30 j)
99

Description

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.

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.