javascript - 如何在 Node/Angular 应用程序中存储或检索嵌入代码？

Question

我想显示来自 Youtube、Soundcloud 和其他服务的嵌入式视频和音频。我对如何做到这一点有两个想法，并且对其他人持开放态度。

1. 将每个项目的完整嵌入代码放入 Mongo DB 中。因此，Angular 中的代码将是 {{ item.embedCode }} 。这看起来很简单，但如果嵌入代码发生更改，我必须更新数据库中的每个项目。

2. 执行逻辑以检索 Angular 代码中的正确嵌入代码。所以 if ($scope.embedItem.type == 'youtube') { $scope.embedItem.embedCode = "YOUTUBE-EMBED-CODE-HERE"}。这里的缺点是它增加了应用程序的大小，增加了加载时间。我可能有数百种嵌入类型。

只是想知道还有哪些其他方法。

Answer 1

($scope.embedItem.type == 'youtube') { $scope.embedItem.embedCode = "YOUTUBE-EMBED-CODE-HERE" }

该行少于 100 个字节，如果您有 200 个嵌入代码，则大小为 20kB(未压缩)。如果您使用查找数组，那么实际上只有数组本身的大小才重要，即

{ 'youtube' : 'http://youtube.com/...' }, 
   ...

将其与 120kB 的(缩小的)AngularJS 进行比较 - 它不会给您带来麻烦。

关键是嵌入代码很可能会发生变化，因此您现在必须为修改编写一段代码，并且必须对其进行测试、维护、更新和部署、可用等等...

如果在更遥远的将来，您真的最终实现了 1,000 个要嵌入的服务，您可以仅将相关子集发送到客户端，并将其与客户端存储相结合...这很容易优化非常重要。

我建议集中精力准备好功能，仅在需要时进行优化。