環境

MacOS Catalina 10.15.5

SendGridの準備

メール送信には「Sendinblue」というサービスを使います。

(参照元；https://www.sendinblue.com/）

無料で利用できますので、事前にアカウントの作成をしてください。

サンプルとして作成するもの

今回はiPhoneアプリの「Captio」¹のクローン（というかモドキ）を作成してみます。

（参照元¹）

Captioは非常にシンプルなメールアプリで機能は「特定のアカウントにメールを送信する」のみ！メールアプリというよりは「（アイデアが浮かんだ時などに）自分宛てにメモを送る」ために使われるアプリです。

作成手順

1）adaloからモバイルアプリを新規作成します。

2）Blankを選択します。

3）任意の名前、色を選択してCreateしてください。

4)HOME画面からログアウトのアイコンを削除し代わりにメールを送信するアイコンを追加して、
　「Custom Action > New Custom Action」を選択します。

5)任意の名前とTypeに「Create」を選択し「Next」をクリックします。

6)以下を入力します。

・API Base URL

//api.sendinblue.com/v3/smtp/email

・Method
「POST」を選択

・Headers&Queries
「＋ADD ITEM」をクリックして「Header」を選択
以下の様に入力する。

API-KEYは
https://account.sendinblue.com/advanced/api
で確認できます。

・BODY
雛形として以下のJSONを入力する。

{
	"name": "Cap Clone mail",
	"subject": "My subject",
	"sender": {
		"name": "Cap Clone",
		"email": "test@gmail.com"
	},
	"htmlContent": "test content",
	"to": [
		{
			"email": "aaa@gmail.com",
			"name": "test user"
		}
	]
}

次にメール雛形をMagicTextで置き換えて行きます。

最終的にこんな感じに置き換えました。

ここまできたら、右下の「RUN TEST REQUEST」をクリックして
正常にリクエストが完了するか確認します。

この様な画面が出ればOKです。
このCustom Actionを保存します。

さて、今追加したCustom Actionは

肝心のメール本文と送り先メールアドレスが空になっています。
この項目は先ほどCustom Actionを追加した際にMagicTextで置き換えたものでした。
これを画面項目やテーブルに格納されたユーザーのメールアドレスと紐付けていきます。

メール本文の入力するため、テキストボックスを追加しCustom Actionと紐づけていきます。

次に送信先メールアドレスとCustom Actionを紐付けます。
送信先メールアドレスはデフォルトで作成されたUserテーブルの項目にあります。

最後に送信後、入力したテキストがクリアされる様にCustom Actionを追加します。

以上で完成です！

https://apps.apple.com/jp/app/captio-%E3%83%AF%E3%83%B3%E3%82%BF%E3%83%83%E3%83%81%E3%81%A7%E8%87%AA%E5%88%86%E3%81%AB%E3%81%8A%E7%9F%A5%E3%82%89%E3%81%9B%E3%83%A1%E3%83%BC%E3%83%AB%E3%82%92%E9%80%81%E3%82%8D%E3%81%86/id370899391 ↩ ↩²