Absulit / Absulit/sinpefacil

Custom links to open directly on the app

Abierto
#8 0 comentarios 0 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
JavaScript
Estrellas
0
Forks
0
Merge medio
3 min
PR fusionados (30 d)
99

Descripción

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.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.