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

注册

目前,ChatGPT 在国内无法直接注册,拜访需求经过代理,而且需求运用其他国家的手机号注册,具体注册办法,咱们能够看下这篇文章

功用体会

ChatGPT 能够完结比方智能谈天、诗篇、写作、编程、改 Bug、编撰周报、知乎问答等工作。

比方我能够运用它来写

1、前端组件

运用 React hooks 写一个 echarts 组件

ChatGPT 以及相关开源项目体会

上面代码完结基础的组件,并没有给出示例代码,咱们能够持续诘问

给一个折线图的 options 示例

ChatGPT 以及相关开源项目体会

2、优化周报

优化上星期周报,使其愈加丰富

ChatGPT 以及相关开源项目体会

在周报上,不但帮我优化了内容,还帮我组织了下周工作,咱们觉得 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

另一个是个人开发的项目,它将 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 操控台仿制出来。

ChatGPT 以及相关开源项目体会

GitHub:github.com/transitive-…

  • chatgpt 模拟的是 ChatGPT 网页版,需求运用 node 服务器(一般来说是海外的),运用了 stream ,当时尝试还无法布置到 vercel

  • openai 是官方供给的包,能够布置到 vercel 环境,可是回来受到了时间约束和字数约束,需求将 max_tokens 值设置小一些,这样会导致回复不完整。

微信谈天帮手

WeChat GPT

这个项目依据 wechaty ,让你快速经过微信谈天窗口,发起与 ChatGPT 的对话。

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

ChatGPT 以及相关开源项目体会

ChatGPT 以及相关开源项目体会

GitHub:github.com/fuergaosi23…

WeChat Bot

一个 依据 chatgpt + wechaty 的微信机器人,能够用来协助你主动回复微信音讯,或许管理微信群/好友,简略,好用,2 分钟 就能玩起来了,

git 克隆项目后履行 npm install,修改 env 相关装备,

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

ChatGPT 以及相关开源项目体会

便能够扫码登录

ChatGPT 以及相关开源项目体会

这是实际运用作用:

ChatGPT 以及相关开源项目体会

GitHub:github.com/wangrongdin…

浏览器插件

ChatGPT for Google

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

在装置之后,除了会在浏览器正常展现 Google 查找内容,还会在右侧展现 ChatGPT 反应成果,能够进一步提升查找功率

ChatGPT 以及相关开源项目体会

GitHub:github.com/wong2/chat-…

ChatGPT Chrome Extension

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

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

ChatGPT 会依据当时文本框中的内容,进行查找。这个的扩展还包括一个插件系统,能够更好地操控 ChatGPT 的行为,并能够与第三方 API 交互。

ChatGPT 以及相关开源项目体会

GitHub:github.com/gragland/ch…

油猴脚本

来自台湾的 Will 保哥 ,能够将 ChatGPT 变为你的言语帮手,完结了语音输入和主动朗读功用。经过浏览器自带的 Web Speech API,让咱们离别打字模式。

他在 B 站有视频讲解,咱们能够观看下,十分有意思。

GitHub:github.com/doggy8088/T…

逆向工程

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

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

有了这些 API,咱们便能够自行开发一款好玩的谈天机器人、AI 智能帮手、代码辅助工具等使用。

ChatGPT 以及相关开源项目体会

GitHub:github.com/acheong08/C…

Mac 软件

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

ChatGPT 以及相关开源项目体会

GitHub:github.com/vincelwt/ch…

最终

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

它的长处是言语组织才能十分强,而且能够结合上下文。但它给的答案也不一定正确,有时候甚至是过错的

正如官网所说,它还不能经过互联网查找。

Limited knowledge of world and events after 2021

关于 2021 年以后得知识了解有限。咱们能够运用它来强化自己的查找才能,至于答案是否采用,还的自己甄辨。

以上便是本文全部内容,假如对你有协助,能够顺手点个赞,这对我真的很重要,希望这篇文章对咱们有所协助,也能够参考我往期的文章或许在谈论区沟通你的想法和心得,欢迎一同探究前端。

本文正在参加「金石方案 . 分割6万现金大奖」