是否有关于在其他人的网站中嵌入 JavaScript 应用程序的教程

Is there a tutorial[s] on embedding a JavaScript app in someone else's site?

本文关键字:JavaScript 的教程 应用程序 网站 其他人 是否      更新时间:2023-09-26

我指的是Disqus等服务的嵌入片段(以及下载的相关文件)

当然,给某人一些标记的概念,将你的JavaScript文件拉到他们的网站上本身就很简单。

但是当我查看 Disqus 等提供商使用的代码时,我看到了对embedKey等的引用。这似乎暗示了某种额外的安全规定(除了简单地期望 Web 服务身份验证令牌)。

所以有:

  • 关于"正确"和"安全"地执行此类操作的任何教程?
  • 是否有任何主要考虑因素(除了确保您与用户网站上的现有脚本没有冲突)?

编辑

有关正在使用的密钥的示例,请参阅 Wufoo 的嵌入代码 http://wufoo.com/scripts/embed/form.js

embedKey ?听起来像是谷歌地图API key或AdSense unit ID。它确定该代码单元是否有效,是否有人实际拥有它,或者指向服务器中的一组项目(例如聊天室 ID)。

至于代码中的冲突,你应该将代码包装在 IFFE 中,这样,你的变量就不会泄漏到周围的代码中。不是本地设置的内容假设您是从外部获取的。使用 var 正确声明变量,以避免从外部范围设置/更改变量。此外,对于名称冲突,局部变量将优先。

//outsider code
var foo = 'foo';
var bar = 'bar';
//your code
(function(){
    var foo = 'baz';    //set a local foo
    bar = bam;          //outsider bar changed (no var);
    alert(foo); //baz
    alert(bar); //bam
}());
//some more outsider code
alert(foo); //foo, since  you protected your code
alert(bar); //bam, was wrecked by your code