譯者 | 李睿

審校 | 重樓

隨著科技世界的不斷發(fā)展，聊天機(jī)器人已經(jīng)成為許多企業(yè)不可或缺的一部分，提供高效和個(gè)性化的客戶互動(dòng)。在眾多可用的人工智能聊天機(jī)器人解決方案中，ChatGPT因其自然語(yǔ)言處理能力和場(chǎng)景理解用戶查詢的能力而脫穎而出。

Kommunicate是一個(gè)強(qiáng)大的平臺(tái)，它簡(jiǎn)化了將人工智能聊天機(jī)器人集成到網(wǎng)站和應(yīng)用程序中的過(guò)程。通過(guò)將這兩種技術(shù)相結(jié)合，可以為用戶創(chuàng)造無(wú)縫互動(dòng)的聊天機(jī)器人體驗(yàn)。

本文將探討用戶如何使用Kommunicate平臺(tái)將ChatGPT與ReactJS集成，從而更容易在自己的網(wǎng)站上部署和管理聊天機(jī)器人。

步驟1：在Kommunicate中設(shè)置帳戶

如果在Kommunicate沒(méi)有帳戶，用戶可以免費(fèi)創(chuàng)建一個(gè)帳戶。

接下來(lái)，登錄Kommunicate儀表板并導(dǎo)航到Bot Integration部分。點(diǎn)擊使用Kommunicate創(chuàng)建聊天機(jī)器人。

接下來(lái)，通過(guò)指定聊天機(jī)器人的名稱、語(yǔ)言和人工切換設(shè)置來(lái)完成設(shè)置。配置完這些之后，繼續(xù)完成聊天機(jī)器人的設(shè)置。

步驟2：為ReactJS聊天機(jī)器人創(chuàng)建歡迎消息和意向

導(dǎo)航到“Manage Bots”部分，選擇創(chuàng)建的聊天機(jī)器人。

接下來(lái)，需要為聊天機(jī)器人設(shè)置歡迎消息。歡迎消息是聊天機(jī)器人發(fā)送給發(fā)起對(duì)話的用戶的初始消息。單擊“歡迎消息”部分，然后鍵入聊天機(jī)器人在用戶打開(kāi)聊天機(jī)器人并保存歡迎意圖時(shí)應(yīng)該顯示給用戶的消息。

在創(chuàng)建歡迎消息之后，構(gòu)建聊天機(jī)器人的下一步是創(chuàng)建意圖(問(wèn)題和答案)。在“回答”部分，可以添加所有可能的用戶問(wèn)題和聊天機(jī)器人的相應(yīng)回答。

首先，點(diǎn)擊“+添加（+Add）”按鈕并提供“意向名稱（Intent name）”。在“Step 1: User Says”下，需要指定將觸發(fā)聊天機(jī)器人響應(yīng)的短語(yǔ)/問(wèn)題。在“Step 2: Bot Says”一節(jié)中，需要指定聊天機(jī)器人對(duì)用戶消息的響應(yīng)?？梢蕴砑佣鄠€(gè)答案和后續(xù)響應(yīng)，使聊天機(jī)器人更具互動(dòng)性。

步驟3：激活ChatGPT

在同一頁(yè)面上，會(huì)發(fā)現(xiàn)設(shè)置(頁(yè)面的右上角)。

點(diǎn)擊設(shè)置，第一個(gè)選項(xiàng)是“連接OpenAI ChatGPT”。啟用它。

最后，禁用Small Talk(同一頁(yè)面上的最后一個(gè)選項(xiàng))。

步驟4：將Komspose聊天機(jī)器人安裝到ReactJS應(yīng)用程序

有兩種不同的方法可以將Kommunicate聊天小部件集成到React網(wǎng)站或項(xiàng)目中。這里有一種方法。

創(chuàng)建一個(gè)新的ReactJS項(xiàng)目

假設(shè)已經(jīng)安裝了Node.js和npm，打開(kāi)終端，使用Create React App創(chuàng)建一個(gè)新的ReactJS項(xiàng)目：

npx create-react-app my-app

現(xiàn)在，導(dǎo)航到my-app文件夾。

cd my-app

通過(guò)使用npm命令安裝Kommunicate聊天工具包

• 使用下面的npm命令來(lái)安裝Kommunicate聊天工具包：

npm i @kommunicate/kommunicate-chatbot-plugin

• 在安裝完工具包之后，使用下面的代碼將其導(dǎo)入到index.js文件中

從“@Kommunicate/communicate聊天機(jī)器人插件”導(dǎo)入Kommunicate；

• 現(xiàn)在，在index.js文件中添加以下代碼

Kommunicate.init("APP_ID", {
 automaticChatOpenOnNavigation: true,
 popupWidget: true
});

添加APP_ID?？梢栽谶@里獲得APP_ID。

• 運(yùn)行應(yīng)用程序

現(xiàn)在，已經(jīng)使用Kommunicate將ChatGPT支持的聊天機(jī)器人與ReactJS集成，是看看它的實(shí)際效果的時(shí)候了。在終端中，運(yùn)行以下命令啟動(dòng)開(kāi)發(fā)服務(wù)器。

• npm啟動(dòng)

訪問(wèn)者現(xiàn)在可以與聊天機(jī)器人進(jìn)行交互，而Kommunicate將處理對(duì)話方面的問(wèn)題。

如果想了解更多關(guān)于將ReactJS應(yīng)用程序集成到communication的信息，可以查看相關(guān)的文檔。

使用Kommunicate平臺(tái)將ChatGPT與ReactJS集成，提供了一種強(qiáng)大而直接的方法，可以通過(guò)人工智能驅(qū)動(dòng)的聊天機(jī)器人增強(qiáng)網(wǎng)站的用戶體驗(yàn)；通過(guò)將ChatGPT的功能與Kommunicate提供的易于部署相結(jié)合，可以為用戶創(chuàng)建一個(gè)更具互動(dòng)性和個(gè)性化的環(huán)境。用戶可以嘗試不同的定制，將聊天機(jī)器人轉(zhuǎn)變成為滿足網(wǎng)站訪問(wèn)者需求的不可或缺的資產(chǎn)。

原文標(biāo)題：Integrating ChatGPT With ReactJS for Smarter Conversational Interfaces，作者：Devashish Mamgain