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

注冊

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

功能體驗

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 站有視頻講解[2]，大家可以觀看下，非常有意思。

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 年以后得知識了解有限。我們可以使用它來強化自己的搜索能力，至于答案是否采納，還的自己甄辨。

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

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

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