本月初，ChatGPT 以驚人的速度問世，在技術(shù)圈中引起了廣泛討論。在 GitHub 上近期還誕生了多個(gè) ChatGPT 相關(guān)的開源項(xiàng)目，數(shù)量之多令人瞠目結(jié)舌，甚至 ChatGPT 獨(dú)霸了大半個(gè) GitHub Trending，那么，它究竟有什么樣的魅力，讓諸多開發(fā)者如此激動(dòng)不已呢？讓我們一起來探究一下。

注冊

目前，ChatGPT 在國內(nèi)無法直接注冊，訪問需要通過代理，并且需要使用其他國家的手機(jī)號注冊，具體注冊方法，大家可以看下這篇文章[1]

功能體驗(yàn)

ChatGPT 可以實(shí)現(xiàn)諸如智能聊天、詩歌、寫作、編程、改 Bug、撰寫周報(bào)、知乎問答等工作。

比如我可以使用它來寫

1、前端組件

使用 React hooks 寫一個(gè) echarts 組件

上面代碼實(shí)現(xiàn)基礎(chǔ)的組件，并沒有給出示例代碼，我們可以繼續(xù)追問

給一個(gè)折線圖的 options 示例

2、優(yōu)化周報(bào)

優(yōu)化上周周報(bào)，使其更加豐富

在周報(bào)上，不但幫我優(yōu)化了內(nèi)容，還幫我安排了下周工作，大家覺得 ChatGPT 整理的如何呢？

筆者認(rèn)為，它雖不是完美，但在給出關(guān)鍵詞之內(nèi)給出的回答，這些已經(jīng)非常讓人出乎意料了。

更多體驗(yàn)，大家可以自行探索下，下面我們來看看 GitHub 上關(guān)于 ChatGPT 的項(xiàng)目。

Node.js API 接口

前端工程師對 Nodejs 比較熟悉，官網(wǎng)就有 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 返回的結(jié)果
console.log(response.data.choices[0].text);

• createCompletion 的意思是自動(dòng)完成，它跟官網(wǎng)的回話方式一致；
• max_tokens 最大的令牌數(shù)量，可以理解為返回的字符數(shù)量，大多數(shù)內(nèi)容 2048 內(nèi)，當(dāng)然 max_tokens 返回接口的速度越慢。
• temperature：0-1 之間，溫度參數(shù)表示生成文本中的隨機(jī)性或不可預(yù)測性程度。較高的溫度值將產(chǎn)生更具創(chuàng)造性和多樣性的輸出，而較低的溫度值會產(chǎn)生更可預(yù)測和重復(fù)的文本。
• OPENAI_API_KEY 可以通過View API keys 頁面生成。

chatgpt

另一個(gè)是個(gè)人開發(fā)的項(xiàng)目，它將 ChatGPT 的 API 進(jìn)行了二次封裝，讓定制化開發(fā)變得更加方便。

通過 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 控制臺復(fù)制出來。

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

• chatgpt 模擬的是 ChatGPT 網(wǎng)頁版，需要使用 node 服務(wù)器（一般來說是海外的），使用了 stream ，當(dāng)前嘗試還無法部署到 vercel
• openai 是官方提供的包，可以部署到 vercel 環(huán)境，但是返回受到了時(shí)間限制和字?jǐn)?shù)限制，需要將 max_tokens 值設(shè)置小一些，這樣會導(dǎo)致回復(fù)不完整。

微信聊天助手

WeChat GPT

這個(gè)項(xiàng)目基于 wechaty ，讓你快速通過微信聊天窗口，發(fā)起與 ChatGPT 的對話。

在使用之前，需先配置 OpenAI 的Session Token信息，以及對應(yīng)的「關(guān)鍵詞」觸發(fā)。

功能特性

接入公眾號

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

WeChat Bot

一個(gè) 基于 chatgpt + wechaty 的微信機(jī)器人，可以用來幫助你自動(dòng)回復(fù)微信消息，或者管理微信群/好友，簡單，好用，2 分鐘 就能玩起來了，

git 克隆項(xiàng)目后執(zhí)行 npm install，修改 env 相關(guān)配置，

然后根據(jù)你的需求，自己修改相關(guān)邏輯文件

修改配置

便可以掃碼登錄

掃碼登錄

這是實(shí)際使用效果：

微信接入演示

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

瀏覽器插件

ChatGPT for Google

這款插件支持 Chrome / Edge / Firefox 等瀏覽器。

在安裝之后，除了會在瀏覽器正常展示 Google 搜索內(nèi)容，還會在右側(cè)展示 ChatGPT 反饋結(jié)果，可以進(jìn)一步提升搜索效率。

搜索演示

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

ChatGPT Chrome Extension

這是專為 Chrome 用戶開發(fā)的一款 ChatGPT 插件。

安裝之后，在任意頁面文本框中點(diǎn)擊右鍵，即可彈出「Ask ChatGPT」的選項(xiàng)。

ChatGPT 會根據(jù)當(dāng)前文本框中的內(nèi)容，進(jìn)行搜索。這個(gè)的擴(kuò)展還包括一個(gè)插件系統(tǒng)，可以更好地控制 ChatGPT 的行為，并能夠與第三方 API 交互。

插件演示

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

油猴腳本

來自臺灣的 Will 保哥 ，可以將 ChatGPT 變?yōu)槟愕恼Z音助手，實(shí)現(xiàn)了語音輸入和自動(dòng)朗讀功能。通過瀏覽器自帶的 Web Speech API，讓我們告別打字模式。

他在 B 站有視頻講解[2]，大家可以觀看下，非常有意思。

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

逆向工程

任何讓工程師充滿好奇心的項(xiàng)目，都逃不過逆向，在這一點(diǎn)上，ChatGPT 也不例外。

GitHub 上一位來自馬來西亞的開發(fā)者 Antonio Cheong，在 ChatGPT 發(fā)布沒多久后，便對其進(jìn)行了逆向，成功提取了 API。

有了這些 API，我們便可以自行開發(fā)一款好玩的聊天機(jī)器人、AI 智能助手、代碼輔助工具等應(yīng)用。

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

Mac 軟件

為 Mac 用戶量身定制了一款小工具：ChatGPT for desktop，支持 M1 和 Mac Intel，安裝之后，可通過 Cmd+Shift+G 快捷鍵，快速在系統(tǒng)菜單欄啟動(dòng) ChatGPT。

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

最后

對于前端工程師來說，我們可以使用 api 將 ChatGPT 集成到自己的應(yīng)用中，所以說了解 nodejs和 docker 相關(guān)知識，是很有必要的。

它的優(yōu)點(diǎn)是語言組織能力非常強(qiáng)，并且可以結(jié)合上下文。但它給的答案也不一定正確，有時(shí)候甚至是錯(cuò)誤的

正如官網(wǎng)所說，它還不能通過互聯(lián)網(wǎng)搜索。

Limited knowledge of world and events after 2021

對于 2021 年以后得知識了解有限。我們可以使用它來強(qiáng)化自己的搜索能力，至于答案是否采納，還的自己甄辨。

以上就是本文全部內(nèi)容，如果對你有幫助，可以隨手點(diǎn)個(gè)贊，這對我真的很重要，希望這篇文章對大家有所幫助，也可以參考我往期的文章或者在評論區(qū)交流你的想法和心得，歡迎一起探索前端。

[1]OpenAI 推出超神 ChatGPT 注冊攻略來了： https://juejin.cn/post/7173447848292253704

[2]ChatGPT 語音油猴腳本： https://www.bilibili.com/video/BV12P411K7gc/?vd_source=93efb77f3c9b0f1580f0a8d631b74ce2