如何从web应用程序创建多个PWA



我想制作一个网络应用程序,用户可以在其中创建相册,然后在子路线上用它们制作PWA。我最终想要的是有一个像myapp.com/username/app/randomAppId这样的url,当用户共享这个链接时,对方可以将其作为独立相册安装在手机上。我知道制作PWA需要什么,比如清单和服务人员,但为此,我需要为每个应用程序提供不同的清单,这样用户就可以选择图标、颜色等。实现这一点的好解决方案是什么?

您可以在应用程序(PHP、Node.js等(中创建一个路由{username}/app/{appid}/manifest.json,并像其他动态网页一样动态构建和返回内容(在本例中为.json清单(。

在构建响应时,还需要设置正确的Content-type

在普通PHP中,例如:

$manifest = [
'name' => $album_name,
'icons' => [
// ...
],
];
// output manifest as JSON format
header('Content-type: application/json;charset=utf-8');
echo json_encode($manifest);

(如果您使用的是框架,则需要参考框架的文档。(

最新更新