IFTTTのWEBHOOKをJAVASCRIPTでPOSTしたいが中身のJSONが渡らない

Question

前提・実現したいこと

GASでIFTTTのwebhookトリガーを起動したいのですがbodyに指定しているjsonがうまく渡らないようです。GAS及びjavascriptを触るのは初めてで基本的な質問であるからか、調べても解決方法が見つけられませんでした。もう少し勉強してからのほうが良いでしょうか。質問に不足があるようでしたらお教えいただけましたら幸いです。
IFTTT側では、webhookをトリガーとしてvalue1に受け取った値をLINEで送信するように設定しています。

発生している問題・エラーメッセージ

ifttt webhook のアクティビティを見てみるとjsonが渡っておらず空になっています
https://maker.ifttt.com/use/
のdocumentation通りに書いたつもりではあるのです

エラーメッセージ

該当のソースコード

ソースコード
function webhookTriger() {
  var url = "https://maker.ifttt.com/trigger/way_home/with/key/my_key"
   var options = {
    method: 'POST',
    headers: {
      'Content-Type': "application/json"
    },
    body: { "value1" : "Hello World", "value2" : "", "value3" : "" }
  };
  var response = UrlFetchApp.fetch(url, options)

}

試したこと

bodyにkey:value1 value:HELLO WORLDを設定してpostmanを使ってpostしてみました。エラーメッセージ等は出ていませんが、gasからpostしたときと同様にiftttのアクティビティ確認画面でvalueの値が空になっており、データが渡せていないのではないのではないかと思います。

• ‘POST’を’post’に
• bodyのパラメータを{"value1" : "Hello World"}に
変更を試しましたが、結果は変わりませんでした

Comments

[Supernove]

まず、なぜ「うまくいかない」と判断したのでしょうか？こういう質問で「うまくいかない」という曖昧な表現をせず「どんなエラーが出たか」を書いてほしいです。
あと、IFTTTは複数のサービスを連携するものだと思いますが、Webhookでリクエストを送ったあとに何のサービスにつないでいるのかわからないのでそれも説明に加えてほしいです

[FictionFunction]

失礼いたしました。エラーメッセージ等は特に出ていませんが、IFTTTのwebhookアクティビティを確認する画面でvalue1含めすべてのvalue欄が空になっていたため、データが渡っていないのだろうと考えました。IFTTTのactionにはLINEでの通知を設定しています。
[IFTTT]　とだけ、メッセージが届くような状態です。

[Supernove]

スクショでいいのでAppletの設定内容を質問に追加してもらってもいいですか？あと質問は修正できるので修正してほしいです

[FictionFunction]

iPhone版のアプリ画面にはなりますがActivity画面とAppletEdit画面のスクリーンショットを追加し、質問内容を修正させていただきました。ご丁寧な対応ありがとうございます。

[Supernove]

ぱっと見設定に問題はなさそうなので考えられることとしては、
EventNameが間違っているかメソッドに誤りがあるかもしれないですね…
ドキュメントから確か試せたはずですが、それは動きましたか？
https://i.gyazo.com/23a558230a4c4c2fc3e39a5d6d18f9e8.png

[FictionFunction]

TEST IT ボタンから試すと動き [IFTTT] Hello World というメッセージが正常にLINEに送信されました。他にはなにか間違っている可能性のある箇所は見つかりますでしょうか？

[Supernove]

関係あるか分かりませんけど`method`のパラメータの'POST'を小文字にしているサンプルがおおかったので小文字にしたらどうでしょう？
後は`body`のパラメータを{"value1" : "Hello World"}だけにしたら正常に動作するか確認してもらってもいいですか？

[FictionFunction]

• ‘POST’を’post’に
• `body`のパラメータを{"value1" : "Hello World"}に
変更しましたが、結果は変わりませんでした。iOSの”ショートカット”アプリからのPOSTを試したところ成功しましたので、もし何か参考になるようであればスクショを添付しようと思います。

[Lhankor_Mhy]

GAS ですか？

[FictionFunction]

Lhankor_Mhyさん　
はい。GASのスクリプトです。

[Lhankor_Mhy]

詳しくないのでわからないのですが、公式のドキュメントには body というオプションがありませんが、何かを参考にされたのですか？

https://developers.google.com/apps-script/reference/url-fetch/url-fetch-app?utm_source=pocket_mylist#advanced-parameters

[FictionFunction]

そのとおりでした。リンクを頂いた公式ドキュメントに従ってbodyをpayloadに、Content-TypeをContentTypeに修正したところ、POSTの中身が正常に渡りました。色々なサイトを参考にしているうちに、おそらくFETCH apiなるものや他の形式での書き方が混在してしまったのだと思います。UrlFetchApp.fetchがGAS特有のものであることも理解せず、公式ドキュメントがあることにも思い当たらなかったこと、お恥ずかしいばかりです。
ベストアンサー等の仕組みがあるようですのでお聞きしますが、こちらの質問については、改めて回答をいただいたほうが良いでしょうか。それとも、自己解決欄のところから修正箇所をまとめ投稿させていただいたほうがよろしいでしょうか。

[Lhankor_Mhy]

ご解決されて何よりです。
自己解決での処理をお願いします。

[FictionFunction]

了解しました。ありがとうございます。また、稚拙な質問に丁寧にお答えいただき、付き合ってくださったSupernoveさんにもこちらを借りて感謝申し上げます。ありがとうございました。プログラムにふれること、サイトの利用どちらも初めてでしたが真摯な対応にとても安心しました。あまり欲張らず基本的なものから挑戦して行きたいと思います。改めて、お二方とも本当にありがとうございました。修正箇所を投稿しクローズさせていただきます。

Answer 1

###問題箇所と解決方法
UrlFetchAppとfetch apiの書式を混在させていたことが原因となっていました。
以下が修正後のコードとなります。body→payload、Content-Type→ContentTypeの二箇所を変更しています。

JavaScript
ソースコード
function webhookTriger() {
  var url = "https://maker.ifttt.com/trigger/way_home/with/key/my_key"
   var options = {
    method: 'POST',
    headers: {
      'ContentType': "application/json"
    },
    payload: { "value1" : "Hello World", "value2" : "", "value3" : "" }
  };
  var response = UrlFetchApp.fetch(url, options)

}