“share_target”在我的 PWA 应用程序中不起作用答案

【问题标题】："share_target" does not work in my PWA app“share_target”在我的 PWA 应用程序中不起作用
【发布时间】：2020-07-30 13:27:10
【问题描述】：

我用 manifest.json (https://island-dapper-patella.glitch.me) 创建了一个简单的页面

{
  "name": "Test",
  "theme_color": "#ff0000",
  "background_color": "#ff0000",
  "display": "fullscreen",
  "share_target": {
    "action": "/share.html",
    "params": {
      "title": "name",
      "text": "description",
      "url": "link"
    }
  }
}

我将它安装在我的智能手机（Android、Chrome 84）上，它的图标出现在应用列表中。

但是当我选择一个文本并转到共享菜单时，我的 PWA 应用程序没有。

为什么？

编辑：我在桌面 Chrome 中也没有“安装”项。也许有问题？

【问题讨论】：

运行 chrome 灯塔工具。它会告诉你需要修复什么才能使其成为有效的 PWA。你有一些问题。

标签： javascript android html progressive-web-apps

【解决方案1】：

我发现您的 manifest.json 缺少一些共享目标条目。

确保它应该是这样的。

"share_target": {
"action": "url to get data",
"enctype": "multipart/form-data",
"method": "POST",
"params": {
  "title": "title",
  "text": "text",
  "url": "url",
  "files": [
    {
      "name": "media[]",
      "accept": [
        "audio/*",
        "image/*",
        "video/*"
      ]
    }
  ]
}

}

我正在使用它，它可以成功运行。（可以上传图片，音频和视频，您可以添加更多mime types）

您需要确保遵循。 分享内容应正确包含名称，然后才能获取详细信息。

"params": {
  "title": "name",
  "text": "description",
  "url": "link"
}

你可以通过这个 url 结束你的测试：https://w3c.github.io/web-share/demos/share-files.html

【讨论】：