引言

在這一教程中，我們將會用一個簡單的示例來展示如何使用Connect內(nèi)置的IFTTT插件來創(chuàng)建Connect與第三方服務(wù)之間的集成。這個示例的一大亮點是你不需要為此支付任何費用，也不需要從外部獲取任何組成部件，僅僅需要一個免費的IFTTT帳戶以及Connect本身即可完成。

學(xué)習(xí)內(nèi)容

在本教程中，我們會覆蓋以下知識點：

• IFTTT是什么？

• IFTTT如何與ProtoPie Connect協(xié)作

• 如何在IFTTT中創(chuàng)建一個小程序并使用ProtoPie來觸發(fā)這一小程序

本教程約需15分鐘完成。

IFTTT是什么？

IFTTT是“If This, Then That（先這樣，然后再那樣）”的意思，讀起來就像“Gift”去掉“G”的讀音。這是一個在線平臺，這個平臺支持數(shù)百個主流互聯(lián)網(wǎng)服務(wù)之間的互操作行為，為任務(wù)流自動化提供了全新的可能。略覽IFTTT的服務(wù)頁 ( https://ifttt.com/explore/services )?即可看到種類繁多、琳瑯滿目的app及產(chǎn)品，如推特、Dropbox、印象筆記、FitBit、亞馬遜Alexa，以及谷歌助理等等，均可在IFTTT中被調(diào)用，而這里所列舉的僅僅是700余種app及產(chǎn)品中較為知名的幾個。點擊此處 ( https://help.ifttt.com/hc/en-us/articles/115010325748-What-is-IFTTT- )?可以了解到關(guān)于IFTTT的更多知識。

IFTTT的工作原理與ProtoPie的觸發(fā)和反應(yīng)模型在許多方面具有相似之處。在IFTTT中創(chuàng)建的小程序被預(yù)定義的條件所觸發(fā)，然后既定的行為就會作為相應(yīng)的反應(yīng)動作從而被執(zhí)行。例如，在智能家居場景中，可以創(chuàng)建一個小程序，用以在前門解鎖時自動打開玄關(guān)燈，或者更具體來說，如下圖所示：

IFTTT如何與ProtoPie Connect協(xié)作？

在ProtoPie Connect中，有一個內(nèi)置插件可以用來觸發(fā)一種名為“Webhook” 的東西，簡單地說，Webhook的運行方式就類似于ProtoPie中的發(fā)送與接收一樣。當一條名為“Event”的消息被發(fā)送到IFTTT，且在IFTTT中預(yù)先設(shè)置了對這一消息的監(jiān)聽時，IFTTT就會執(zhí)行預(yù)先設(shè)置好的任務(wù)。并且，類似于ProtoPie，在發(fā)送消息時，可以將少量數(shù)據(jù)隨附于消息上一并發(fā)送。

在以下示例中，我們將使用Webhook作為觸發(fā)動作，然后將反應(yīng)動作設(shè)為發(fā)送一封郵件。

我們開始吧！

下載以下Pie文件，然后跟隨視頻內(nèi)容進行操作吧！https://cloud.protopie.io/p/8db93df706

在視頻的3:27處，我演示了如何構(gòu)建一個“JSON字符串”并將其作為隨消息一并發(fā)送給Connect的值。對于這個JSON字符串，你可以跟隨視頻教學(xué)來自行構(gòu)建，也可以直接復(fù)制以下內(nèi)容，當復(fù)制以下內(nèi)容來完成學(xué)習(xí)時效果會與視頻內(nèi)所示一致。

"{\\"value1\\":\\"" + Name.text + "\\"}"

如果你不熟悉JSON，那么可以查看本文末尾的參考內(nèi)容以便了解更多信息。

就是這樣，輕而易舉！

雖然這只是一個如何使用IFTTT插件的簡單示例，但充分展示了Pie與第三方服務(wù)進行協(xié)作是多么容易。IFTTT支持的所有服務(wù)都可以從ProtoPie Connect中通過Webhook事件的方式進行觸發(fā)。如此一來，可以直觀地看到Pie從Studio的預(yù)覽窗口中跳出，然后開始與互聯(lián)網(wǎng)上的各類東西進行互動。

故障排除

可能有時候未必就能萬事如意，尤其是像這樣處理不同系統(tǒng)間的集成時，很多環(huán)節(jié)或步驟也許就弄錯了——這是原型生命周期中一個無法逃避的事實，甚至在這種情況下，事情發(fā)展完全脫離掌控也是有可能發(fā)生的?？偟膩碚f，如果在你的收件箱中并沒有收到相應(yīng)的郵件，則應(yīng)該檢查核對以下內(nèi)容：

• 確保是在Connect的預(yù)覽窗口中運行Pie。如果只是在Studio的預(yù)覽窗口中運行Pie，那么消息將無法傳遞到Connect上，從而也就無法觸發(fā)隨后的IFTTT中的Webhook事件。所以，應(yīng)該檢查一下地址欄中是否有localhost:9981/...的字樣。

• ProtoPie Connect是不是已經(jīng)被關(guān)閉了？即使在瀏覽器中仍然可以看到預(yù)覽界面，仍然需要保持Connect的持續(xù)運行，以便確保消息可以觸達IFTTT。

• 確保IFTTT插件在運行。記不記得在設(shè)置了事件后需要點擊“運行（Run）”按鈕來運行？所以當你能看到Stop按鈕時，即表示插件正在運行中。

• 確保Connect中的消息名稱與IFTTT中所用的名稱完全一致。這兩個名稱分別可以在ProtoPie Studio和IFTTT小程序中進行設(shè)置。

  ? - 同時再次檢查所輸入的Webhook的Key是否正確。

• 使用ProtoPie Connect中的測試功能進行測試。在IFTTT插件的配置項中，將Email_Me輸入到測試框內(nèi)，然后點擊“發(fā)送”。

  ? - 如果能收到測試郵件，那么有較大可能性是因為在ProtoPie消息中有拼寫錯誤，或者是沒有選擇ProtoPie Studio作為渠道來發(fā)送消息。

  ? - 如果仍然無法收到測試郵件，那么應(yīng)再次檢查webhook的key有沒有填錯，或繼續(xù)參考下文的排障步驟來進行故障排除。

• 登錄到IFTTT網(wǎng)頁上，點擊屏幕上方的“My Applets”，然后點擊你學(xué)習(xí)本教程時建立的小程序相對應(yīng)的卡片，網(wǎng)頁打開后就可以查看到這個小程序的詳情頁面。

• 確保大的撥動按鈕顯示“Connected”。如果并沒有這樣顯示，那么就需要點擊一下這個撥動按鈕以便重新啟用這一小程序。.

• 再次檢查此處顯示的事件名稱與在ProtoPie Connect中所進行的配置必須完全匹配。

  ? - 奇怪的是，在IFTTT中，這類事件被稱為“Maker事件”，而不是“Webhook事件”

• 點擊“View activity”按鈕，如果一切運行正常，則可以查看到小程序的執(zhí)行記錄。在執(zhí)行記錄中，如果顯示不存在任何事件記錄，則應(yīng)再做一遍創(chuàng)建IFTTT小程序的相關(guān)步驟。

• 檢查垃圾郵件所對應(yīng)的收件箱，郵件可能被發(fā)送到這個收件箱里了。

• 試試再耐心地多等一小會兒。如果以上一切看上去都是正常的，可能你只需要再淡定一分鐘。IFTTT付費用戶的小程序執(zhí)行優(yōu)先級高于免費用戶，所以有時候IFTTT會處于一個高負載的繁忙狀態(tài)，需要等待工作任務(wù)被逐個被處理完。一般來說，收到郵件的時間不應(yīng)該超過一兩分鐘。

• 如果還不成功？那就請聯(lián)系ProtoPie吧 ( https://www.protopie.io/form/contact-us )

補充資料：JSON是什么？

在視頻的3:27處我們構(gòu)建了一個”JSON字符串“，并將這一字符串最終傳遞給了IFTTT小程序。JSON是一種在互聯(lián)網(wǎng)上廣泛使用的信息格式，借助這一格式，可以以人類可讀的形式存儲和傳輸信息。以下是一些學(xué)習(xí)資源，你可以從中了解更多關(guān)于JSON的知識：

• 3分鐘了解JSON??- 中文課
  

• 帶你快速了解Json以及Json的用法 - 中文課
  

• 10分鐘了解JSON（而不是Jason）- Youtube課 ( https://www.youtube.com/watch?v=s6OIOL9OMYA )?

• JSON是什么？- 3分鐘代碼 Youtube課 ( https://www.youtube.com/watch?v=sSL2to7Jg5g )