ChatGPT 以及相关开源项目体验

sxkk20081年前知识分享107

本月初,ChatGPT 以惊人的速度问世,在技术圈中引起了广泛讨论。在 GitHub 上近期还诞生了多个 ChatGPT 相关的开源项目,数量之多令人瞠目结舌,甚至 ChatGPT 独霸了大半个 GitHub Trending,那么,它究竟有什么样的魅力,让诸多开发者如此激动不已呢?让我们一起来探究一下。

注册

目前,ChatGPT 在国内无法直接注册,访问需要通过代理,并且需要使用其他国家的手机号注册,具体注册方法,大家可以看下这篇文章

功能体验

ChatGPT 可以实现诸如智能聊天、诗歌、写作、编程、改 Bug、撰写周报、知乎问答等工作。

比如我可以使用它来写

1、前端组件

使用 React hooks 写一个 echarts 组件

上面代码实现基础的组件,并没有给出示例代码,我们可以继续追问

给一个折线图的 options 示例

2、优化周报

优化上周周报,使其更加丰富

在周报上,不但帮我优化了内容,还帮我安排了下周工作,大家觉得 ChatGPT 整理的如何呢?

笔者认为,它虽不是完美,但在给出关键词之内给出的回答,这些已经非常让人出乎意料了。

更多体验,大家可以自行探索下,下面我们来看看 GitHub 上关于 ChatGPT 的项目。

Node.js API 接口

前端工程师对 Nodejs 比较熟悉,官网就有 nodejs 的接口

openai

首先通过 npm 安装 openai

npm install openai

然后可以在任意接口中使用以下代码

const { Configuration, OpenAIApi } = require('openai')
const configuration = new Configuration({
  apiKey: process.env.OPENAI_API_KEY,
})
const openai = new OpenAIApi(configuration)
const response = await openai.createCompletion({
  model: 'text-davinci-003',
  prompt: '你好',
  max_tokens: 255,
  temperature: 0.5,
})

// 打印 API 返回的结果
console.log(response.data.choices[0].text)
  • createCompletion 的意思是自动完成,它跟官网的回话方式一致;

  • max_tokens 最大的令牌数量,可以理解为返回的字符数量,大多数内容 2048 内,当然 max_tokens 返回接口的速度越慢。

  • temperature: 0-1 之间,温度参数表示生成文本中的随机性或不可预测性程度。较高的温度值将产生更具创造性和多样性的输出,而较低的温度值会产生更可预测和重复的文本。

  • OPENAI_API_KEY 可以通过View API keys 页面生成。

chatgpt

另一个是个人开发的项目,它将 ChatGPT 的 API 进行了二次封装,让定制化开发变得更加方便。

通过 npm 安装 chatgpt。

npm install chatgpt
import { ChatGPTAPI } from 'chatgpt'

async function example() {
  // sessionToken is required; see below for details
  const api = new ChatGPTAPI({
    sessionToken: process.env.SESSION_TOKEN,
  })

  // ensure the API is properly authenticated
  await api.ensureAuth()

  // send a message and wait for the response
  const response = await api.sendMessage('Write a python version of bubble sort.')

  // response is a markdown-formatted string
  console.log(response)
}

SESSION_TOKEN 值需要登录账号后,通过 chome 控制台复制出来。

GitHub:https://github.com/transitive-bullshit/chatgpt-api

  • chatgpt 模拟的是 ChatGPT 网页版,需要使用 node 服务器(一般来说是海外的),使用了 stream ,当前尝试还无法部署到 vercel

  • openai 是官方提供的包,可以部署到 vercel 环境,但是返回受到了时间限制和字数限制,需要将 max_tokens 值设置小一些,这样会导致回复不完整。

微信聊天助手

WeChat GPT

这个项目基于 wechaty ,让你快速通过微信聊天窗口,发起与 ChatGPT 的对话。

在使用之前,需先配置 OpenAI 的Session Token信息,以及对应的「关键词」触发。

功能特性

接入公众号

GitHub:https://github.com/fuergaosi233/wechat-chatgpt

WeChat Bot

一个 基于 chatgpt + wechaty 的微信机器人,可以用来帮助你自动回复微信消息,或者管理微信群/好友,简单,好用,2 分钟 就能玩起来了,

git 克隆项目后执行 npm install,修改 env 相关配置,

然后根据你的需求,自己修改相关逻辑文件

修改配置

便可以扫码登录

扫码登录

这是实际使用效果:

微信接入演示

GitHub:https://github.com/wangrongding/wechat-bot

浏览器插件

ChatGPT for Google

这款插件支持 Chrome / Edge / Firefox 等浏览器。

在安装之后,除了会在浏览器正常展示 Google 搜索内容,还会在右侧展示 ChatGPT 反馈结果,可以进一步提升搜索效率。

搜索演示

GitHub:https://github.com/wong2/chat-gpt-google-extension

ChatGPT Chrome Extension

这是专为 Chrome 用户开发的一款 ChatGPT 插件。

安装之后,在任意页面文本框中点击右键,即可弹出「Ask ChatGPT」的选项。

ChatGPT 会根据当前文本框中的内容,进行搜索。这个的扩展还包括一个插件系统,可以更好地控制 ChatGPT 的行为,并能够与第三方 API 交互。

插件演示

GitHub:https://github.com/gragland/chatgpt-chrome-extension

油猴脚本

来自台湾的 Will 保哥 ,可以将 ChatGPT 变为你的语言助手,实现了语音输入和自动朗读功能。通过浏览器自带的 Web Speech API,让我们告别打字模式。

他在 B 站有视频讲解,大家可以观看下,非常有意思。

GitHub:https://github.com/doggy8088/TampermonkeyUserscripts

逆向工程

任何让工程师充满好奇心的项目,都逃不过逆向,在这一点上,ChatGPT 也不例外。

GitHub 上一位来自马来西亚的开发者 Antonio Cheong,在 ChatGPT 发布没多久后,便对其进行了逆向,成功提取了 API。

有了这些 API,我们便可以自行开发一款好玩的聊天机器人、AI 智能助手、代码辅助工具等应用。

图片

GitHub:https://github.com/acheong08/ChatGPT

Mac 软件

为 Mac 用户量身定制了一款小工具:ChatGPT for desktop,支持 M1 和 Mac Intel,安装之后,可通过 Cmd+Shift+G 快捷键,快速在系统菜单栏启动 ChatGPT。

图片

GitHub:https://github.com/vincelwt/chatgpt-mac

最后

对于前端工程师来说,我们可以使用 api 将 ChatGPT 集成到自己的应用中,所以说了解 nodejs 和 docker 相关知识,是很有必要的。

它的优点是语言组织能力非常强,并且可以结合上下文。但它给的答案也不一定正确,有时候甚至是错误的

正如官网所说,它还不能通过互联网搜索。

Limited knowledge of world and events after 2021

对于 2021 年以后得知识了解有限。我们可以使用它来强化自己的搜索能力,至于答案是否采纳,还的自己甄辨。

以上就是本文全部内容,如果对你有帮助,可以随手点个赞,这对我真的很重要,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。

本文正在参加「金石计划 . 瓜分 6 万现金大奖」

相关文章

百度人工智能开放平台:引领人工智能技术应用的新潮流

百度人工智能开放平台:引领人工智能技术应用的新潮流

  人工智能技术的迅猛发展引起了广泛关注,而百度人工智能开放平台正是在这一浪潮中迅速崛起的领军者。作为一个全面覆盖各领域的开放平台,百度人工智能开放平台通过其强大的技术实力和...

人工智能技术:利用识图找人功能解决寻人难题

人工智能技术:利用识图找人功能解决寻人难题

  随着科技的不断发展,人工智能在各个领域产生了巨大的影响,包括寻找失踪人口。识图找人技术作为人工智能领域的一个创新应用,正逐渐成为解决寻人难题的有效工具。利用这项技术,我们...

智能人体传感器:解密未来科技与人的完美结合

智能人体传感器:解密未来科技与人的完美结合

  随着科技的不断发展,人体传感器作为一种创新技术逐渐走入人们的生活。这种智能传感器能够通过感知人体的生理、行为和环境等信息,为我们提供更多便利和舒适度。  人体传感器是一种...

AI人工智能:从概念到应用的技术大革新

AI人工智能:从概念到应用的技术大革新

  随着科技的不断进步,人工智能(AI)正成为21世纪最炙手可热的领域之一。AI是计算机科学的一个分支,旨在开发能够模拟和表现人类智能的智能机器。通过深度学习、机器学习和语音...

高通芯片击败英伟达-AI芯片在能效竞争领域迎来新的变革

高通芯片击败英伟达-AI芯片在能效竞争领域迎来新的变革

  在周三公布的一组新的测试数据中,高通公司的AI芯片以 2 比 1 打败了英伟达。  据悉,高通公司推出了一款名为Cloud AI 100的专为云端和边际端供给高性能、低功...

人工智能技术:改变世界的机遇与挑战

人工智能技术:改变世界的机遇与挑战

  人工智能技术正日益成为21世纪最为瞩目的领域之一。随着科技的飞速发展,人们对于人工智能技术的期望也日益增加。然而,这项前沿技术所带来的机遇与挑战亦不容忽视。本文将对人工智...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。