【API】聊天机器人接口

传送门：1. 漫小猫API2. 天行数据文章目录一、无key直接调用的api1. 接口地址2. 示例二、需要个人密钥调用的接口1. 接口地址2. 示例一、无key直接调用的api1. 接口地址漫小猫API聊天接口（免费，还有其它蛮不错的API）2. 示例通过ajax发送GET/POST请求，返回JSON数据，拿到数据后输出。<!DOCTYPE html><html lang="z

iuukai

19091人浏览 · 2020-12-08 19:59:31

iuukai · 2020-12-08 19:59:31 发布

传送门：

1. 漫小猫API

2. 天行数据

3. 图灵机器人

4. 青云客网络

5. 海知智能（艾如意宝宝）

6. 腾讯AI开放平台（步骤多，太难搞）

文章目录

一、无key直接调用的api
- 1. 接口地址
- 2. 示例
二、需要个人密钥调用的接口
- 1. 接口地址
- 2. 示例
三、图灵机器人API【正式版收费，参数多】
四、青云客机器人API【免费，但有同源限制，要后端文件中转】
- 1. 接口地址
- 2. 示例（为了方便，使用的是fetch发送请求，和ajax差不多）
五、如意机器人【免费，参数多，功能多】

一、无key直接调用的api

1. 接口地址

漫小猫API聊天接口（免费，还有其它蛮不错的API）

2. 示例

通过ajax发送GET/POST请求，返回JSON数据，拿到数据后输出。
在这里插入图片描述

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		html, body {
			height: 100%;
		}
		ul li {
			list-style: none;
		}
		.wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 50%;
		}
		.container {
			padding: 20px;
			width: 80%;
			height: 80%;
			background-color: #eee;
			border: 1px solid black;
			overflow: auto;
		}
		.bar-group {
			padding: 20px;
			text-align: center;
		}
		.bar-group input:first-of-type {
			padding: 5px;
			width: 300px;
		}
		.bar-group input:not(:first-of-type) {
			padding: 5px 20px;
		}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="container">
			<ul class="msg"></ul>
		</div>
	</div>
	<hr />
	<form onsubmit="return false">
		<p class="bar-group">
			<input type="text" id="umsg" placeholder="说点什么..."/>
			<input type="submit" value="发送" onclick="send()" />
			<input type="reset" value="重输" onclick="umsg.focus()" />
			<input type="button" value="清屏" onclick="clearTxt()" />
		</p>
	</form>
	<script>
		var container = document.querySelector('.container');
		var msg = document.querySelector('.msg');
		var umsg = document.querySelector('#umsg');
		
		// 发送数据
		function send() {
			if (umsg.value) {	// 非空
				var uli = document.createElement('li');
					uli.textContent = '你：' + umsg.value;
					msg.appendChild(uli);
				
				var xhr = new XMLHttpRequest();
				xhr.open('GET', 'http://api.brhsm.cn/lt.php?msg='+umsg.value+'&t=1', true);
				xhr.responseType = 'json';	// 服务器返回 json
				xhr.onload = function() {
					if (xhr.readyState === 4) {
						if ( (xhr.status >= 200 && xhr.status < 300)
						|| (xhr.status === 304) ) {
							var retval = this.response.text;
							var hli = document.createElement('li');
								hli.textContent = '小贱：' + retval;
							msg.appendChild(hli);
							container.scrollTop = container.scrollHeight; // 滚动条置底
						}
					}
				};
				xhr.send(null);
				umsg.value = '';
			}
			umsg.focus();	// 聚焦
			container.scrollTop = container.scrollHeight; // 滚动条置底
		}
		
		// 清空屏幕
		function clearTxt() {
			msg.innerHTML = null;
			umsg.value = null;
			umsg.focus();	// 聚焦
		}
		
		umsg.focus();	// 聚焦
	</script>
</body>
</html>

二、需要个人密钥调用的接口

1. 接口地址

天行数据API（需注册申请，拥有很多免费接口）
【注意，每天 100 次请求次数限制（虽然送了1万斗，但这类频繁请求的api很快就耗光了，可以试试重新注册新账号，不过麻烦）】

2. 示例

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		html, body {
			height: 100%;
		}
		ul li {
			list-style: none;
		}
		.wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 50%;
		}
		.container {
			padding: 20px;
			width: 80%;
			height: 80%;
			background-color: #eee;
			border: 1px solid black;
			overflow: auto;
		}
		.bar-group {
			padding: 20px;
			text-align: center;
		}
		.bar-group input:first-of-type {
			padding: 5px;
			width: 300px;
		}
		.bar-group input:not(:first-of-type) {
			padding: 5px 20px;
		}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="container">
			<ul class="msg"></ul>
		</div>
	</div>
	<hr />
	<form onsubmit="return false">
		<p class="bar-group">
			<input type="text" id="umsg" placeholder="说点什么..."/>
			<input type="submit" value="发送" onclick="send()" />
			<input type="reset" value="重输" onclick="umsg.focus()" />
			<input type="button" value="清屏" onclick="clearTxt()" />
		</p>
	</form>
	<script>
		var container = document.querySelector('.container');
		var msg = document.querySelector('.msg');
		var umsg = document.querySelector('#umsg');
		
		// 发送数据
		function send() {
			if (umsg.value) {	// 非空
				var uli = document.createElement('li');
					uli.textContent = '你：' + umsg.value;
					msg.appendChild(uli);
				
				// URL查询参数实例，直接对象格式，省去了很多麻烦
				var  params = new URLSearchParams({
					key: '',	// 你的密钥
					question: umsg.value,	// 输入的内容
				});

				var xhr = new XMLHttpRequest();
				xhr.open('POST', 'http://api.tianapi.com/txapi/robot/index', true);
				xhr.responseType = 'json';	// 服务器返回 json
				xhr.onload = function() {
					if (xhr.readyState === 4) {
						if ( (xhr.status >= 200 && xhr.status < 300)
						|| (xhr.status === 304) ) {
							var retval = this.response.newslist[0].reply
								.replace(/\{appellation\}/g, '大佬')	// "你"的名字
								.replace(/\{robotname\}/g, '小天');	// "机器人"的名字
							
							var hli = document.createElement('li');
								hli.textContent = '小天：' + retval;
							msg.appendChild(hli);
							container.scrollTop = container.scrollHeight; // 滚动条置底
						}
					}
				};
				// POST 请求需要的头信息
				xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				xhr.send(params);	// 直接发送URL查询参数实例
				umsg.value = '';
			}
			umsg.focus();	// 聚焦
			container.scrollTop = container.scrollHeight; // 滚动条置底
		}
		
		// 清空屏幕
		function clearTxt() {
			msg.innerHTML = null;
			umsg.value = null;
			umsg.focus();
		}
		
		umsg.focus();	// 聚焦
	</script>
</body>
</html>

这个需要填写自己的key密钥，注册账号查看后台就有了

三、图灵机器人API【正式版收费，参数多】

1. 接口地址

图灵机器人（收费，想要白嫖就要去搜别人的测试密钥，功能就比较少）

2. 密钥来源

Python|Python引用图灵机器人api

3. 示例（为了方便，使用的是fetch发送请求，和ajax差不多）

在这里插入图片描述

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		html, body {
			height: 100%;
		}
		ul li {
			list-style: none;
		}
		.wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 50%;
		}
		.container {
			padding: 20px;
			width: 80%;
			height: 80%;
			background-color: #eee;
			border: 1px solid black;
			overflow: auto;
		}
		.bar-group {
			padding: 20px;
			text-align: center;
		}
		.bar-group input:first-of-type {
			padding: 5px;
			width: 300px;
		}
		.bar-group input:not(:first-of-type) {
			padding: 5px 20px;
		}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="container">
			<ul class="msg"></ul>
		</div>
	</div>
	<hr />
	<form onsubmit="return false">
		<p class="bar-group">
			<input type="text" id="umsg" placeholder="说点什么..."/>
			<input type="submit" value="发送" onclick="send()" />
			<input type="reset" value="重输" onclick="umsg.focus()" />
			<input type="button" value="清屏" onclick="clearTxt()" />
		</p>
	</form>
	<script>
		var container = document.querySelector('.container');
		var msg = document.querySelector('.msg');
		var umsg = document.querySelector('#umsg');
		
		// 发送数据
		function send() {
			if (umsg.value) {	// 非空
				var uli = document.createElement('li');
					uli.textContent = '你：' + umsg.value;
					msg.appendChild(uli);
				
				// URL查询参数实例，直接对象格式，省去了很多麻烦
				var  reqParams = new URLSearchParams({
					key: '77f2530f4d83405bb3a01a30014f6117',	// 你的密钥
					info: umsg.value,	// 输入的内容
				});
				
				// 头信息实例
				var reqHeader = new Headers();
				reqHeader.append('Content-Type', 'application/x-www-form-urlencoded');
				
				// 请求实例
				var request = new Request('http://www.tuling123.com/openapi/api', {
					method: 'POST',	// 请求方式
					header: reqHeader,	// 头信息
					body: reqParams	// 发送参数
				});
				
				fetch(request)	// 发送请求
				.then(res => res.json())	// 转为 JSON，并返回
				.then(res => {	// 正式处理传递过来的数据
					var retval = res.text;
					var hli = document.createElement('li');
						hli.textContent = '图图：' + retval;
					msg.appendChild(hli);
					container.scrollTop = container.scrollHeight; // 滚动条置底
				});
				umsg.value = '';
			}
			umsg.focus();	// 聚焦
			container.scrollTop = container.scrollHeight; // 滚动条置底
		}
		
		// 清空屏幕
		function clearTxt() {
			msg.innerHTML = null;
			umsg.value = null;
			umsg.focus();
		}
		
		umsg.focus();	// 聚焦
	</script>
</body>
</html>

四、青云客机器人API【免费，但有同源限制，要后端文件中转】

1. 接口地址

青云客聊天机器人（免费）

2. 示例（为了方便，使用的是fetch发送请求，和ajax差不多）

在这里插入图片描述

index.html（先向自己的后端文件发送请求）

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		html, body {
			height: 100%;
		}
		ul li {
			list-style: none;
		}
		.wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 50%;
		}
		.container {
			padding: 20px;
			width: 80%;
			height: 80%;
			background-color: #eee;
			border: 1px solid black;
			overflow: auto;
		}
		.bar-group {
			padding: 20px;
			text-align: center;
		}
		.bar-group input:first-of-type {
			padding: 5px;
			width: 300px;
		}
		.bar-group input:not(:first-of-type) {
			padding: 5px 20px;
		}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="container">
			<ul class="msg"></ul>
		</div>
	</div>
	<hr />
	<form onsubmit="return false">
		<p class="bar-group">
			<input type="text" id="umsg" placeholder="说点什么..."/>
			<input type="submit" value="发送" onclick="send()" />
			<input type="reset" value="重输" onclick="umsg.focus()" />
			<input type="button" value="清屏" onclick="clearTxt()" />
		</p>
	</form>
	<script>
		var container = document.querySelector('.container');
		var msg = document.querySelector('.msg');
		var umsg = document.querySelector('#umsg');
		
		// 发送数据
		function send() {
			if (umsg.value) {	// 非空
				var uli = document.createElement('li');
					uli.textContent = '你：' + umsg.value;
					msg.appendChild(uli);
				
				// URL查询参数实例，直接对象格式，省去了很多麻烦
				var  reqParams = new URLSearchParams({
					key: 'free',	// 免费接口
					appid: 0,
					msg: umsg.value,	// 输入的内容
				});
				
				// 头信息实例
				var reqHeader = new Headers();
				reqHeader.append('Content-Type', 'application/x-www-form-urlencoded');
				
				// 请求实例
				var request = new Request('server.php', {
					method: 'POST',	// 请求方式
					header: reqHeader,	// 头信息
					body: reqParams	// 发送参数
				});
				
				fetch(request)	// 发送请求
				.then(res => res.json())	// 转为 JSON
				.then(res => {	// 处理数据
					var retval = res.content;
					var hli = document.createElement('li');
						hli.textContent = '对方：' + retval;
					msg.appendChild(hli);
					container.scrollTop = container.scrollHeight; // 滚动条置底
				});
				umsg.value = '';
			}
			umsg.focus();	// 聚焦
			container.scrollTop = container.scrollHeight; // 滚动条置底
		}
		
		// 清空屏幕
		function clearTxt() {
			msg.innerHTML = null;
			umsg.value = null;
			umsg.focus();
		}
		
		umsg.focus();	// 聚焦
	</script>
</body>
</html>

server.php（通过后端文件抓取JSON数据）

<?php
	// 前端文件传递过来的参数
	$key = $_POST['key'];
	$appid = $_POST['appid'];
	$msg = $_POST['msg'];

	$url = "http://api.qingyunke.com/api.php?key={$key}&appid={$appid}&msg={$msg}";
	$agent= 'Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.0.3705; .NET CLR 1.1.4322)';
	 
	 // 创建一个新 curl 资源
	$ch = curl_init();
	
	// 设置URL和相应的选项
	$options = array(
		CURLOPT_URL => $url,
		CURLOPT_USERAGENT => $agent,
		CURLOPT_SSL_VERIFYPEER => false,
		CURLOPT_RETURNTRANSFER => true,
		CURLOPT_HEADER => false,
		
	);
	
	curl_setopt_array($ch, $options);

	// 输出获取到的 json
	echo curl_exec($ch);
	
	// 关闭 curl 资源，并且释放系统资源
	curl_close($ch);
?>

五、如意机器人【免费，参数多，功能多】

1. 接口地址

账号注册及创建机器人
API接入（开发者文档）

2. 机器人调教

在这里插入图片描述

3. 获取密钥

在这里插入图片描述

4. 示例【只接受GET请求，POST返回错误JSON】

在这里插入图片描述

index.html

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style>
		* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}
		html, body {
			height: 100%;
		}
		ul li {
			list-style: none;
		}
		.wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 50%;
		}
		.container {
			padding: 20px;
			width: 80%;
			height: 80%;
			background-color: #eee;
			border: 1px solid black;
			overflow: auto;
		}
		.bar-group {
			padding: 20px;
			text-align: center;
		}
		.bar-group input:first-of-type {
			padding: 5px;
			width: 300px;
		}
		.bar-group input:not(:first-of-type) {
			padding: 5px 20px;
		}
	</style>
</head>
<body>
	<div class="wrap">
		<div class="container">
			<ul class="msg"></ul>
		</div>
	</div>
	<hr />
	<form onsubmit="return false">
		<p class="bar-group">
			<input type="text" id="umsg" placeholder="说点什么..."/>
			<input type="submit" value="发送" onclick="send()" />
			<input type="reset" value="重输" onclick="umsg.focus()" />
			<input type="button" value="清屏" onclick="clearTxt()" />
		</p>
	</form>
	<script>
		var container = document.querySelector('.container');
		var msg = document.querySelector('.msg');
		var umsg = document.querySelector('#umsg');
		
		// 发送数据
		function send() {
			if (umsg.value) {	// 非空
				var uli = document.createElement('li');
					uli.textContent = '你：' + umsg.value;
					msg.appendChild(uli);
				
				// URL查询参数实例，直接对象格式，省去了很多麻烦
				var  reqParams = new URLSearchParams({
					app_key: '612d6926-5036-4521-9b85-b2dbe1a7f698',	// 免费接口
					user_id: 0,	// 用户唯一标识（测试的话不用管）
					q: umsg.value	// 输入的内容
				});
				
				// 头信息实例
				var reqHeader = new Headers();
				reqHeader.append('Content-Type', 'application/x-www-form-urlencoded');
				// reqHeader.append('Content-Type', 'application/json');
				
				// 请求实例
				var request = new Request('http://api.ruyi.ai/v1/message?' + reqParams, {
					method: 'GET'	// 请求方式【只接受GET请求】
				});
				
				fetch(request)	// 发送请求
				.then(res => res.json())	// 转为 JSON
				.then(res => {	// 处理数据
					// 普通结果
					var retval = res.result.intents[0].result.text.replace(/\&name/g, '如宝');
					
					// 微信端结果
					// var retval = res.result.intents[0].outputs[0].property.text;
					
					// 智能硬件端结果
					// var retval = res.result.intents[0].outputs[1].property.text;
					
					var hli = document.createElement('li');
						hli.textContent = '如宝：' + retval;
					msg.appendChild(hli);
					container.scrollTop = container.scrollHeight; // 滚动条置底
				});
				umsg.value = '';
			}
			umsg.focus();	// 聚焦
			container.scrollTop = container.scrollHeight; // 滚动条置底
		}
		
		// 清空屏幕
		function clearTxt() {
			msg.innerHTML = null;
			umsg.value = null;
			umsg.focus();
		}
		
		umsg.focus();	// 聚焦
	</script>
</body>
</html>

CSDN学习社区

CSDN联合极客时间，共同打造面向开发者的精品内容学习社区，助力成长！

更多推荐

嵌入式作业（七）：基于Ardunio的STM32串口通信

嵌入式作业（七）0作业要求1Ardunio 完成STM32的串口通信（1）安装Ardunio IDE（2）stm32串口通信2关于 stduino IDE0作业要求安装 Ardunio IDE 和相关软件支持库，在Ardunio 完成STM32板子的串口通信程序：（1）持续向串口输出“Hello world！”；（2）当接收到“stop!”时，停止输出。网上有一个国人版的MCU集成开发平台， st

CSDN学习社区

JDBC详解

JDBC文章目录JDBC什么是JDBC?JDBC驱动程序:Java使用JDBC访问数据库的步骤:设置classpath:Oracle连接字符串的书写格式:简单的例子:常用数据库的驱动程序及JDBC URL:Oracle数据库:SQL Server数据库MySQL数据库Access数据库PreparedStatement接口:JNDI-数据源（Data Source）与连接池（Connection

CSDN学习社区

“模式识别与机器学习”学习笔记no2.再谈感知机

接**上篇：上篇主要进行了PLA，Pocket算法的理论过程分析和在给定数据集上利用pocket算法对数据集进行分类学习，得到错分数量最少的分类面。上篇中pocket算法的过程已经进行了编程和测试，框架已经建立了起来，这一篇主要上篇中没有提到或涉及不深的几个问题。1.数据集的构造。上篇是直接使用了题目给的向量，这次来根据正态分布来产生数据集。np.random.normal函数可以根据均值和方差生