Используйте ссылки на приложения, чтобы открыть PWA (Progressive Web App) из Facebook

Question

Facebook открывает ссылки на мой PWA в своем собственном веб-представлении. Я хотел бы использовать "Ссылки на приложения" Facebook, чтобы открыть свое Progressive Web App.

Метатеги, предложенные FB, относятся к нативным приложениям. Например:

<meta property="al:android:package" content="com.facebook.samples.sharesample"> 

Как настроить приложение FB на использование установленной в телефоне PWA для открытия ссылок, указывающих на него?

<meta property="al:android:url" content="https://mypwa.com/event/123">
<meta property="al:android:package" content="https://mypwa.com">
<meta property="al:android:app_name" content="MyPWA.com">
<meta property="og:title" content="Event 123" />
<meta property="og:type" content="website" />

Где MyPWA.com - это имя, которое я указал в файле manifest.json: "name": "MyPWA.com"

Я также попытался положить в "short_name": "MyPWA" собственность из моего manifest.json

Я ожидал поделиться ссылками PWA на Facebook, и когда я нажму на общую ссылку, у меня откроются ссылки в моем прогрессивном веб-приложении, которое установлено на моем телефоне Android.

Answer 1

Ваш PWA может получать данные, когда он установлен и зарегистрирован как целевой ресурс.

Web Share Target API позволяет вашему PWA, если он установлен, отображаться как потенциальная цель для получения общих данных.

Подробнее здесь: https://web.dev/web-share-target/