为我的 Firebase 网站创建唯一的动态 URL?

Creating unique dynamic URLs for my Firebase website?

这是一个非常新手的问题,但我正在使用 Google Firebase & vanilla JS 创建一个网站。我想创建一个网站,用户可以在其中创建自己的 collections 电影(他们从电影 API 中搜索),并制作自己的列表,还可以搜索他们的朋友和看看他们的 collections.

到目前为止,我已经完成了一些个人用户功能。他们可以制作和定制他们的个人资料。下一步是制作功能,以便每个用户都可以制作他们的电影 collections 等等,我可以做到。

我想知道我最终将如何连接它,以便它为每个人和他们的电影 collections 创建一个独特的 URL?例如,用户可以直接转到 https://www.example.com/userProfile?uid=314159 等。我需要学习哪些工具或概念才能继续制作这样的网站?

有几个组件:

  • 数据库(或广义上,存储)。您需要一个地方供用户存储他们的 collection 等。由于您已经允许用户自定义他们的个人资料,所以这可能不是什么大不了的事。
  • ID 生成:您可以找到多种技术。您可以简单地使用一个顺序 ID(例如,大多数数据库都有一个增量整数作为主键),但您也可以使用 UUIDs/GUIDs,重新创建 YouTube 的随机视频 ID,...
  • 托管您的前端并与您的数据库通信的后端。我假设 Firebase 会为您处理大部分工作。
  • 实际显示给用户的前端。为此,有几个 techniques/frameworks,例如单页应用程序,服务器端渲染,......所有东西都有很多 documentation/tutorials for.

生成 ID 后,您可以将其作为 collection 的一部分存储在 table 中。每当用户访问 collection URL 时,您将从 URL 中提取 id(例如使用 path parameters in ExpressJS),查询数据库以获取正确的 collection和其中的所有电影,然后做任何你想做的事,即将它展示给用户。

如果您可以为 collections/movies 执行此操作,则将其扩展到例如好友列表非常简单。

你的问题比较宽泛。大多数部分(即 frameworks/tools)您可以简单地 Google 或四处寻找。您可以选择使用前端框架(React、AngularJS、...)和其他框架,这些框架部分 preference/experience 部分最适合您的需求(这是一个完整的讨论,并不是真正的适用于 SO)。除此之外,您只有常规的编程概念。有些取决于语言,有些只是一般情况,即 OOP 模式,例如工厂模式。让您全面了解所有这些基本上是获得计算机科学学位所做的。