![見出し画像](https://assets.st-note.com/production/uploads/images/73732160/rectangle_large_type_2_b7da00a15cacc31834aa8432e6283480.jpg?width=1200)
【Adalo】SheetDBを使ってスプレッドシートのデータを削除(その4_Delete)
・第1回:スプレッドシートのデータをAdaloに読み込む(GET)
・第2回:スプレッドシートにデータを追加する(POST)
・第3回:スプレッドシートのデータをUpdateする(PUT/PATCH)
・第4回:スプレッドシートのデータを削除する(Delete)※本編
(API接続 関連ブログ)
・Adaloから直接airTableのデータを変更してみた
・Sheetsonを使ってAdaloからスプレッドシートのデータを変更した
前回はAdaloからスプレッドシートのデータをUpdate(PUT/PATCH)する話を書きましたが、今回はDeleteでデータ削除する話です。(SheetDB API使用)Updateが理解出来ればDeleteはすぐ分かります。何しろ変更するデータが無いのでJSONを記述する必要が無いのです。
Updateの時と同じくAPI URLにどの行を削除するのかパラメータを追加してやります。もしid列の5が入っている行を削除するならURLに/id/5を追加すればOKです。
(このページを読むと分かる事)
・Adaloからスプレッドシートのデータを削除する手順。
※データの追加(POST)、データの更新Update(PUT/PATCH)は別のページを参照下さい。
~データ削除の手順~
Home画面に配置したカスタムリストのどこかの行をクリックするとEditという画面に遷移して、削除行のデータが一旦Text Inputに表示されます。
Edit画面にある「DELETE」ボタンを押すとその行が削除されるという流れになります。(Updateの時とほとんど同じです)
DeleteボタンのCustomActionの設定を以下で説明します。
1.DeleteのCustom Actionの設定(その1_Name&Type)
①Name:分かり易い名前を付けて下さい
②Type:「Delete」を選択
2.DeleteのCustom Actionの設定(その2_API Request)
①API Base URL:https://sheetdb.io/api/v1/{API-Key}/id/(idの変数)
②Method:「Delete」を選択
③Input: 変数idを設定
※DELETEの場合、送信データは無いのでJSONの記述は不要です。
3.DeleteのCustom Actionの設定(その3_Output)
行データの削除が成功すると下記画面が表示されます。画面右下の「SAVE CUSTOM ACTION」をクリックして保存します。
4.DeleteのCustom Actionを保存する
Custom Actionの保存後、DELETEボタンを選択すると下記画面のように表示されます。変数idのデータはText Input(Input4)から持ってくるのでマジックテキストで紐づけします。
5.行データを削除してみましょう
下記データのid:6、name:ケーキ、price:300円の行を削除してみましょう。
6.削除したい行をクリックするとEdit画面に遷移します
データも一緒に飛んできます。「DELETE」ボタンを押してみます。
7.行の削除が行われました
id:6の行が削除されました。
DELETEはJSONの記述部分が無いので他(POST、PUT/PATCH)と比べて楽ですね。
スプレッドシートAPI(SheetDB)を使ってAdaloからスプレッドシートのデータを削除する手順は以上です。
(過去の投稿はこちら)
https://note.com/mucho3/n/n632515d056d1
この記事が気に入ったらサポートをしてみませんか?