免费畅聊ChatGPT，教你用uniapp+fastadmin玩转小程序

免费畅聊 ChatGPT：使用 Uniapp + FastAdmin 搭建小程序

ChatGPT 横空出世，点燃了全球科技界。作为一名开发者，你是否苦恼于 ChatGPT 收费高昂，难以在自己的项目中使用呢？别再烦恼，本文将为你揭秘一种免费畅聊 ChatGPT 的方法，只需使用 Uniapp 和 FastAdmin 即可搭建小程序，随时随地与 ChatGPT 互动。

准备工作

在开始之前，请确保已准备好以下内容：

• 一台电脑
• 一个 Uniapp 项目
• 一个 FastAdmin 项目
• 一个 ChatGPT 账号

配置 Uniapp 项目

1. 打开 Uniapp 项目，在根目录下创建 manifest.json 文件，填入以下内容：

{
  "package": "com.example.chatgpt",
  "name": "ChatGPT",
  "version": "1.0.0",
  "description": "A free chat app with ChatGPT",
  "author": "Your Name",
  "orientation": "portrait",
  "window": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTitleText": "ChatGPT",
    "navigationBarTextStyle": "black"
  },
  "pages": [
    "pages/chat/index"
  ],
  "subPackages": [],
  "plugins": [],
  "dependencies": {
    "fastadmin": "1.0.0"
  }
}

2. 在 pages/chat/index.vue 文件中，添加以下代码：

<template>
  <div>
    <textarea id="input" placeholder="输入你想问的问题"></textarea>
    <button id="send" @click="send">发送</button>
    <div id="output"></div>
  </div>
</template>

<script>
import fastadmin from "fastadmin";

export default {
  data() {
    return {
      input: "",
      output: ""
    };
  },
  methods: {
    send() {
      const input = document.getElementById("input").value;
      if (!input) return;

      fastadmin.call("chatgpt/chat", {
        input: input
      }).then(res => {
        this.output = res.data.output;
      });
    }
  }
};
</script>

配置 FastAdmin 项目

1. 打开 FastAdmin 项目，在根目录下创建 config/chatgpt.php 文件，填入以下内容：

<?php

return [
  'app_id' => 'YOUR_APP_ID',
  'app_secret' => 'YOUR_APP_SECRET'
];

2. 在 app/controller/Chatgpt.php 文件中，添加以下代码：

namespace app\controller;

use fastadmin\Controller;

class Chatgpt extends Controller
{
  public function chat()
  {
    $input = $this->request->post('input');
    if (!$input) return $this->error('请输入你想问的问题');

    $app_id = config('chatgpt.app_id');
    $app_secret = config('chatgpt.app_secret');

    $url = 'https://api.openai.com/v1/completions';
    $headers = [
      'Authorization: Bearer ' . $app_secret,
      'Content-Type: application/json'
    ];
    $data = [
      'model' => 'text-bison-001',
      'prompt' => $input
    ];

    $response = $this->http->post($url, $data, $headers);
    if ($response->getCode() !== 200) return $this->error('请求失败');

    $result = json_decode($response->getBody(), true);
    if (!isset($result['candidates'][0]['output'])) return $this->error('获取答案失败');

    return $this->success('获取答案成功', [
      'output' => $result['candidates'][0]['output']
    ]);
  }
}

运行项目

1. 在 Uniapp 项目根目录下，运行 npm install 命令安装依赖。
2. 在 FastAdmin 项目根目录下，运行 composer install 命令安装依赖。
3. 在 Uniapp 项目根目录下，运行 npm run dev 命令启动项目。
4. 在 FastAdmin 项目根目录下，运行 php think run 命令启动项目。

体验成果

打开手机上的 Uniapp 项目，输入你想问的问题，点击发送按钮，即可获得 ChatGPT 的回答。

结语

恭喜你！你已经学会了如何使用 Uniapp + FastAdmin 搭建 ChatGPT 小程序。现在，你可以随时随地免费畅聊 ChatGPT，满足你的好奇心和求知欲。

常见问题解答

1. 这个方法是否会收费？
   不会，使用本文提供的代码和方法可以免费使用 ChatGPT。

2. 这个小程序可以用来做什么？
   你可以使用这个小程序与 ChatGPT 聊天、提问、生成代码等，满足你的各种需求。

3. 这个小程序的限制是什么？
   这个小程序的限制取决于 ChatGPT 本身的限制，例如每日提问次数上限等。

4. 我如何获取 ChatGPT 的 App ID 和 App Secret？
   你需要创建一个 ChatGPT 账号并申请 API 密钥才能获得 App ID 和 App Secret。

5. 这个小程序可以在哪些平台上使用？
   这个小程序可以在 iOS 和 Android 平台上使用。