使用 React 和 Node.js 為網站建立聊天機器人課程

使用 React 和 Node.js 為網頁建立聊天機器人。教聊天機器人銷售產品，提供推薦，衡量需求

從這 10 小時的課程，你會學到

在這個課程中，您將為網站建立一個聊天機器人。我們將使用 Node.js 和 React 來編寫程式和使用 GIT 來作版本控制並部屬到 Heroku 上的主機，但是你可以在任何其他支援 Node.js 的地方託管。我們將使用 DialogFlow 來處理自然語言，即理解使用者想要什麼。

在課程中，我們將建立一個聊天機器人範例。它的目的只是向你展示事情如何運作。我們頁面上的機器人將幫助我們銷售產品。它將提出建議並度量需求。

在建立這個機器人的過程中，你將學到建構一個偉大的機器人所需要的一切。為了最大限度地利用這個課程，你可以在這個範例機器人上工作，最後調整它以適應您的需求。

你至少需要掌握 Node.js 和 React 的基本知識才能開始這門課程。對於版本控制，我們使用 GIT，因此您至少需要熟悉基本的 GIT 命令。

為了方便您使用，我已經添加了每個視訊的更改程式碼的 git 提交。這樣你就可以比較你的程式碼和我的程式碼。而且你不會浪費時間去除錯。請記住我在問題和答案中提供的任何問題。你並不孤單。

記住，我會在你身邊。

聊天機器人將能夠記住事情，將資訊儲存到資料庫或連線到其它 API 服務。我會向你展示不同的實現，這樣你就可以發揮並找出最適合你的東西。

在課程結束的時候，你會有一個聊天機器人範例，你可以根據你的需求調整和裁切。

我的名字是 Jana Bergant，我是一個有超過20年經驗的開發者。我是一個 IT 教師，教人們新的技術技能。超過12300人已經開始學習我的課程了。

我幫助我所有的學生在發展的每一步。我會一直在你身邊！

讓我來告訴你這門課的每一個部分。

在第一部分，我們將對應用程式進行概述並熟悉技術堆疊，這是本課程中使用的技術。我們將研究應用程式架構和不同的實現方式。我們將仔細檢查每一個實現。我會帶你走過發展階段。

第二部分將向您介紹 DialogFlow，自然語言處理器，我們將使用它來了解訪問者想從聊天機器人那裡得到什麼。我們將走過 dialog flow 的建構區塊。你會學習到代理、意圖、實體、參數、預建代理等等。

然後在第三部分，我們開始為聊天機器人建構伺服器端應用程式。我們將安裝 Express library 並生成 Express app。我們會為 Heroku 配置它，然後部署到 Heroku。我們還會安裝一個叫 Nodemon 的本地開發伺服器。

當你建立了一個基本的伺服器端應用程式時，你就可以將它連線到 DialogFlow。這就是我們在第4部分要做的事情。

下一步就是做好準備。在第五部分，我們設定 React，配置本地伺服器，建立一個與後端通訊的代理。我們將建立元件。頁面和聊天機器人的元件。我們的聊天機器人將開始在第五部分看起來像一個聊天機器人。

但是我們將在第六部分真正的完善它，在那裡我們將為 chatbot 建立豐富的訊息和快速的回覆。同時我們也會深入瞭解 Dialogflow 的特性，比如跟進意圖、上下文、事件和時段的感覺。使機器人創造變得更加簡單和友好的功能！

當我們的機器人被打磨時，我們可以讓它變得更聰明。我們希望我們的機器人記住使用者所說的話。因此，我們需要儲存從使用者那裡得到的資訊。在第七部分，我們將儲存到資料庫中，並在對話中使用我們所知道的使用者資訊。讓機器人變得更友好。我們喜歡人們記住我們的偏好，相對地機器人也一樣。

在第8部分，我將向您展示一種不同的處理操作方式。我們將使用 DialogFlow 的履行(fulfillment)功能。我會告訴你如何呼叫意圖的履行(fulfillment)功能這只需要執行額外程式碼。只有那些需要從資料庫中獲取資訊的意圖，或者需要呼叫其他一些 API，或者連線到一個裝置。

當我們掌握了履行(fulfillment)功能，我們就會部署到 Heroku。在第9部分，我們將處理一些額外的配置，如路由，用於生成前端的後建構指令碼(postbuild scripts)，我們還將透過程式碼，確保所有的都是在部署之前所需要的。

最後在第十部分，我將告訴你如何直接從前端連線到 DialogFlow。要做到這一點，我們需要對架構進行一些改變。我會告訴你每個決定的好處。

課程結束後，你會有一個示範的聊天機器人，你可以根據需要調整和定製。你將擁有升級它的知識。

課程上見！

Jana

我是網站開發人員，擁有超過17年的經驗。我在交付 Web 解決方案方面取得了成功的記錄。我開發了各種各樣的 Web 應用程式。

我也是Web 開發的 IT 教學教練。我喜歡教和激勵我的學生。而且我喜歡使復雜的 Web 開發主題容易理解。

我熱愛網頁開發教學，我喜歡教有趣的新趨勢。例如目前的 ChatBots 🙂

我是一個自我學習的程式設計師，所以我知道一開始擁有許多資源感到沮喪並且不知道哪裡該轉彎的感覺。還有 bugs，所有這些 bugs！

作為一個沒有以前經驗的自學開發人員的經驗直接影響了我的教學風格，我現在自豪地幫助學生實現目標，並幫助他們邁出第一步，得到程式設計世界的第一份工作。

作為一名網頁開發者有其優點，但也可能很困難。總是沒有足夠的時間想要學習和精通。特別是在一開始，事情就可以壓倒一切。

我以幫助人們體驗轉向 Web 開發的積極一面所驅動，而不是消極的。

註冊我的課程，並今日加入這個驚人的冒險。

點選 ✨ 大多課程 NT320優惠連結 (到 425 )| Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現