二維碼是將資訊密集的項目嵌入到小圖像中的簡單方法。我們經常看到它們用於各種不同的目的,從為海報觀眾提供更多資訊到為食客提供餐廳的菜單。
從根本上講,二維碼和短連結(複雜連結的縮短版、更易讀的版本)是與客戶聯繫的直接、易於存取的方式。 WhatsApp 使用二維碼和短連結幫助您更好地與客戶聯繫。這些讓您的客戶無需輸入電話號碼即可與您發起對話,也無需快速存取產品資訊、促銷活動等。
本文將示範如何使用 Meta 託管的雲端 API 從 WhatsApp Business Platform 產生和利用 QR 碼和短連結。我們將回顧如何建立、更新、獲取和刪除新的二維碼和短鏈接,並示範如何在 WhatsApp 訊息中發送它們。您可以隨時在此處查看完整程式碼。
要學習本教程您需要具備以下條件
根據入門指南,您的 Meta Developer 帳戶中的 WhatsApp 應用程式能夠發送測試訊息(不需要設定 Webhook)。 此外,本教學將使用多個 Node.js 函式庫 – 包含dotenv來儲存使用 Cloud API 發出 HTTP 請求所需的設定。您還將使用Postman來測試該應用程式的端點。最後,您將需要此樣板程式碼作為本文的基礎。
設定環境
.env在專案根目錄中建 瑞士 whatsapp 號碼數據 立並開啟一個文件,並使用先決條件步驟 1 和 2 中的值填入所有缺少的變數。現在您已經新增了環境變量,請使用捷徑腳本 npm init 啟動應用程序,這將建立框架應用程式。
建立新的二維碼和短鏈接
首先,您將使用Business Management API(WhatsApp Business Platform 的一部分)建立新的 QR 碼和短連結。
在這裡您希望將掃描的
二維碼和短連結儲存到prefilled_message。這將允許用戶向 如何設計您的電子郵件通訊:綜合指南 您發送預先寫好的訊息,這對於客戶服務、電子商務、獲得行銷訊息的選擇加入等很有用。
然後,generate_qr_image使您能夠支援生成的二維碼圖像的兩種格式:.svg 或.png。您可以使用以下方法選擇您喜歡的格式。本範例使用 .png。使用二維碼和短連結發送 WhatsApp 訊息
接下來,您將能夠將新產 印度數據 生的二維碼和短連結發送給客戶。為此,您需要使用Cloud API。您可以按照該文件中的範例作為參考。透過該 API,您將能夠以文字訊息的形式發送短鏈接,以媒體訊息的形式發送圖像 URL。
受類似請求物件並執行 HTTP 請求
的方法,該方法將呼叫點並傳送訊息。在 中controllers/qrCode.js,使用下列程式碼建立一個 sendMessage 方法。 shell 方法已經在樣板中。檢索現有二維碼和短連結列表
取得現有二維碼和短連結的清單非常簡單,因為您只需向/{phone-number-ID}/message_qrdls端點發出 GET 請求。它傳回一個物件數組,其中各個物件包括code(id), prefilled_message,和deep_link_url。
在controllers/qrCode.js文件中,使用以下程式碼更新方法:刪除二維碼
由於 QR 碼不會過期,因此當 QR 碼內的資訊已過時或不再有效時,您可能需要將其刪除。
首先,您需要向/{BUSINESS_ACCOUNT_ID}/message_qrdls/{qr-code-id}端點發送 DELETE 請求。
以下程式碼從 shell 方
法導航到並更新 deleteQRCode 方法:在這裡,您將要停用的 QR 碼的代碼 ID 作為查詢參數傳遞。成功響應輸出一個 JSON 對象,並將 success 設為 true。
值得注意的是,一旦刪除了二維碼,您將無法再使用它來發起對話並在沒有使用者輸入的情況下鍵入訊息。
在本實作教學中
您學習如何使用 Meta 託管的雲端 API 透過 WhatsApp Business Platform 建立、更新、取得和刪除二維碼和短鏈接,並簡要介紹了幾個用例。
WhatsApp 二維碼易於管理,可以透過
此外,本教學將使用多 使用二維碼 個函式庫 – 包含dotenv來儲存使用 Cloud API 發出 HTTP 請求所需的設定。您還將使用Postman來測試該應用程式的端點。最後,您將需要此樣板程式碼作為本文的基礎。