创建聊天插件作为外部链接

Question

大家好，有没有办法让读者弹出网站 1 到网站 2 的聊天窗口，例如：假设我的域名是 https://test.com，我只想为他们提供链接或一些代码。 所以他们可以在这个自己的网站中添加它，我的聊天弹出窗口对那个家伙的网站可见。 我现在使用 HTML 创建了聊天弹出窗口，我的问题是我该如何给予客户端 5-10 行代码，以便聊天窗口对客户端网站可见。喜欢聊天插件

Answer 1

好的...因此，让我解释一下，该系统实际上是如何工作的......(从我的角度来看...

所以......大多数网站都说你需要做两件事中的一件事：
1.把它添加到正文的末尾

<script src="https://test.com/plugin/chat.js?API=xxxxxxxxxxxxxxxx"></script>

或
2. 添加脚本和一些div 来呈现此聊天

<div id="futuristic-chat something-else bla-bla"></div>
<script src="https://test.com/plugin/chat.js?API=xxxxxxxxxxxxxxxx"></script>

所有这些变体都是基于服务器的。为什么？出于安全原因。

但是他们怎么知道我想要哪些数据呢？或者他们怎么知道我的公司名称？

您添加到链接的 API 密钥所知道的所有内容...

在服务器端看起来如何？

它可以通过多种方式完成，但最常见的是服务器渲染。
例如：

我们有处理特殊链接的快递服务器：

var app = require('express')();
...
app.get("/api/plugin/chat",(req,res) => {
...
});

客户端请求与脚本链接：

<script src="https://test.com/api/plugin/chat?API=xxxxxxxxxxxxxxxx"></script>

所以在快递上，我们可以通过req.query.API获取 API 密钥......
从这一刻起，它只是你的想象...
你可以有一个模板文件，我们需要用 API 密钥替换一些字符串：

var app = require('express')();
const fs = require('fs');
...
app.get("/api/plugin/chat",(req,res) => {
...
let fileStr = fs.readFileSync('/path/to/file.js');
fileStr = fileStr.replace('{apiKeyHere}',req.query.API)
...
});

在最后构建文件后，不要忘记发送作为响应：

res.setHeader('Content-Type','text/javascript')
res.send(fileStr);
res.end();

所以。。。这就是他们的工作方式...
它在您的网站上的外观如何，这只是您的问题......