创建聊天插件作为外部链接
创建聊天插件作为外部链接
提问于 2020-06-13 14:26:19
大家好，有什么方法可以让读者从网站1到网站2弹出聊天窗口呢?例如:假设我的域名是https://test.com，我只想给他们提供链接或一些代码。所以他们可以添加到这个自己的网站和我的聊天弹出窗口是可见的那个家伙的网站。我曾经用html创建聊天弹出窗口，现在我的问题是如何给客户端5-10行代码，这样聊天窗口就可以在客户端网站上看到。就像聊天插件
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-06-13 15:23:32
好的..。让我解释一下，这个系统是如何工作的.(在我看来.)
所以..。大多数网站都说你需要做两件事中的一件：
- 将此添加到body
的末尾
<script src="https://test.com/plugin/chat.js?API=xxxxxxxxxxxxxxxx"></script>或
- 添加脚本和一些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();所以..。他们就是这样工作的..。
在你的网站上会是什么样子，这是你唯一的问题.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62361120
复制相关文章
相似问题
腾讯云开发者
