本文使用图灵机器人API编写Html简单构建了一个网页,实现了聊天机器人。
原理:简单地向API地址发送请求,并获取回答信息,从而实现交互。
页面使用Vue框架构建而成,注意其中的API key需要替换成自己的哦,在图灵机器人官网可以免费注册获得的!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.13.1/lodash.min.js"></script>
</head>
<body>
<div id="app" class="flex">
<br />
<br />
<h1 style="color: burlywood;">{
{title}}</h1>
<br />
<br />
<div id="app" class="box">