在 Node.js 應用程式中透過 WhatsApp 發送訊息

WhatsApp 是全球最受歡迎的行動通訊應用程式之一,每月擁有近 20 億活躍用戶。企業可以利用 WhatsApp Business Platform 與受眾密切溝通,協助提高銷售額並轉變客戶體驗。

本文介紹如何在 Node.js 應用程式中使用由 Meta(Meta 與 WhatsApp Business Platform 的整合)託管的 Cloud API,以提供發送和管理透過 Cloud API 發送和接收的 WhatsApp 訊息的功能。

讓我們深入探討如何從頭開始創建一個由 WhatsApp 訊息傳遞支援的 Node.js Web 應用程序,以發送簡單的基於文字的訊息,然後使用訊息模板發送更詳細的訊息。如果您想預覽最終的結果,可以下載完整的應用程式程式碼。

先決條件若要使用測試電話

 

號碼傳送和接收訊息,請按照設定開發者資產和平台存取教學課程進行操作,確保完成以下步驟。

首先,您需要在電腦上下載並安裝 Node.js 和 npm(如果尚未安裝)。

接下來,使用 Meta for Developers註冊一個免費帳戶作為開發人員。

為您的帳戶啟用雙重認證。

創建一個元應用程式。本教學稍後將使用應用程式 ID 和應用程式金鑰。

將您的 Meta 應用程式與 WhatsApp 產品連接

然後,將您的應用程式與商務管理平台帳戶關聯。

在應用程式儀表板上,開啟 WhatsApp > 開始功能表並設定收件者電話號碼。您的應用程式將需要它作為 WhatsApp 訊息的收件人。這個號碼稍後會用到。

為您的企業帳戶建立系統使用者。有關更詳細的演練,請參閱我們的業務管理員文件。

在「系統使用者」頁面上,為新系 西班牙 whatsapp 號碼數據 統使用者產生新令牌。為您的應用程式指派所有可用權限。本文稍後將使用此令牌。

在「系統用戶」頁面上,將資產配置給您的系​​統用戶,為您的應用程式指派完全控制權。不要忘記點擊“儲存變更”按鈕。

西班牙 whatsapp 號碼數據

我們正在建立的應用程式

這個小型範例應用程式將用作線上電影票購買和預訂服務。該應用程式將使用 API 為用戶提供比電子郵件通訊更有吸引力且更個性 2024 年母親節電子郵件行銷活動的 5 個技巧 化的體驗。當用戶登入時,他們會收到一則 WhatsApp 訊息。然後,當他們購買電影票時,他們會收到一條確認購買的訊息。

使用 Node.js 和 Express 創建最小應用程式
首先,您需要啟動並執行一個新的 Node.js 專案。我們將使用EJS作為輕量級 JavaScript 模板引擎和Express(Node.js 的極簡 Web 框架)。

打開終端機/命令提示字元並建立一個專案所在的資料夾。

使用express-generator 建立一個

 

建立範例登入頁面
要啟動您的電影票應用程序,您將建 香港新聞 立一個範例登入表單作為您的主頁。您需要呼叫Response 物件的渲染函數來從單獨的 HTML 檔案渲染視圖。

開啟routes\index.js檔案並將其程式碼替換為以下內容:

var express = require ( ‘express’ ); var路由器= Express 。路由器();模組。出口=路由器;
接下來,開啟views\index.ejs檔案並新增下面的HTML 內容。在這裡,您將建立一個帶有替代登入名稱和密碼的範例表單登入名,這樣您就不需要提供這些登入名稱和密碼來使用該應用程式。

對於您的 Web 應用程式前端,請使用Bootstrap。這個流行的庫將幫助您建立一致、輕量級的 UI,並具有響應式樣式,使您可以使用簡化的 CSS 規則輕鬆跨裝置運行應用程式。注意:將上述每項設定替換為您的 WhatsApp Business 帳戶控制面板中的資料。

您的登入表單操作告訴

應用程式 POST 到 /welcome 路由。因此,您需要一個新的路由器來:

處理「歡迎」HTTP POST 請求。
取得歡迎訊息所需的配置。
透過 API 發送歡迎訊息。
訊息發送後將應用程式重定向到主頁
接下來,使用以下程式碼建立一個新的案:就是這樣!

如您所見,從 Node.js 程式碼發送訊息非常簡單。不過,以下是將 WhatsApp 整合到應用程式中的一些技巧和最佳實踐:

即使您正在自動化應用程式訊息

 

也要確保與客戶的溝通不會感覺機械化。人們期望獲得更個人化的體驗,因此請嘗試發送個人化訊息。
探索更輕鬆、更隨興的語氣。
保持簡訊清晰、切題。
使用模板時,透過使用文件、視訊或圖像的連結來提供豐富的上下文訊息,例如上面的內容,我們在其中描述了與門票相關的電影。

結論訊息發送後將應用程式

本文示範如訊或圖像的連結來訊息發送後將應用程式提供豐富的上下何透過將 Node.js 應用程式與 WhatsApp Business 帳戶整合來向其新增訊息功能。

訊或圖像的連結來提供豐富的上下首訊息發送後將應用程式先,您從頭開始建立了一個簡訊或圖像的連結來提供豐富的上下單的 Node.js 應用程式。

返回頂端