Absulit / Absulit/sinpefacil

Custom links to open directly on the app

Aberta
#8 0 comentários 0 reações 0 responsáveis Ver no GitHub
Linguagem predominante
JavaScript
Estrelas
0
Forks
0
Merge médio
3min
PRs com merge (30d)
99

Descrição

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.

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.