【图灵机器人】使用API简单搭建网页实现自动回复机器人

最新推荐文章于 2023-02-19 23:49:00 发布

原创

最新推荐文章于 2023-02-19 23:49:00 发布 · 2.9k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#聊天机器人 #html #vue #图灵机器人 #api

本文介绍如何借助Vue框架和图灵机器人的API，创建一个简单的网页聊天机器人。通过向API发送请求并显示返回的回答，实现用户与机器人的交互。记得在实际应用中替换API Key。

本文使用图灵机器人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">