24日目にLINEミニアプリが完成する初心者 ── Day10. Messaging API


# はじめに

前回は「24 日目に LINE ミニアプリが完成する初心者 ── Day9. 完了画面の作成」と題して、フォーム送信後の完了画面と LIFF の画面を閉じる機能を実装しました。

https://qiita.com/non_watanabe/items/ca66bca3d84333554ec1

<br/>
ここからは資料請求が完了したタイミングでLINEにプッシュメッセージを送信する機能を実装していきます。

今回の記事では送信の際に必要になる Messaging API の設定を行っていきたいと思います。

# Messaging API とは

はじめに Messaging API について簡単に説明したいと思います。

> Messaging API とは、LINE 公式アカウントのオプション機能で、LINE のアカウントを通じてユーザーとの双方向コミュニケーションを実現する API（Application Programming Interface）です。
>
> （引用: [LINE Messaging API とは？特定のユーザーに限定した柔軟なメッセージ配信やリッチメニューの出し分けまで](https://blog.socialplus.jp/knowledge/about-messaging-api/#:~:text=Messaging%20API%E3%81%A8%E3%81%AF%E3%80%81LINE,%EF%BC%88Application%20Programming%20Interface%EF%BC%89%E3%81%A7%E3%81%99%E3%80%82&text=LINE%E5%85%AC%E5%BC%8F%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E6%B4%BB%E7%94%A8%E3%81%AE%E5%AE%8C%E5%85%A8%E3%82%AC%E3%82%A4%E3%83%89%E3%81%A7%E3%81%99%E3%80%82)）

<br/>
Messaging API は現在LINE Developersからの作成は行えない様になっています。

試しに新規チャネル作成から Messaging API を選択してみます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/547a975d-6e5b-51b5-cb68-33609a40d525.png)

そうすると現在は以下の画像の通り LINE 公式アカウントの作成が促されます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/3f23035d-719b-0ded-23ed-b4ecb76d2ff5.png)

<br/>
そのため今回は LINE 公式アカウント側で設定を行っていきたいと思います。

# LINE 公式アカウントの作成

はじめに LINE で公式アカウントを作成していきたいと思います。

https://entry.line.biz/start/jp/

URL にアクセスして「LINE 公式アカウントをはじめる」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/4a454dcc-9e62-6c91-023b-79cc4de01029.png)

<br/>
ログイン画面が表示されますので、ご自身のアカウントでログインを行いましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/42e74e3b-5fe1-61b5-dcd4-c578cafe7908.png)

<br/>
SNS 認証が必要になりますので、ご自身の携帯で認証を行います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/7397a315-02bf-8405-8079-1b60f88b9daf.png)

<br/>
次に情報の入力画面になります。

以下の項目の入力し、確認ボタンで進みます。

- **アカウント名**: 公式アカウントの名称
- **メールアドレス**: ご自身のメールアドレス
- **会社・事業所の所在国・地域**: 地域を選択
- **会社・事業所名**: 任意の項目のため個人の場合入力は不要
- **業種**: 公式アカウントで運営する業種を選択
- **運用目的**: ご自身の目的を選択
- **主な使い方**: 使い方を 1 つ選択

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/e58d4a57-2540-f200-f3f5-1c4a09b14654.png)

<br/>
確認画面が表示されるので内容に問題が無ければ完了ボタンをクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/f5c6771b-72b5-b297-886c-f221f9af368d.png)

<br/>
これで公式アカウントの作成は完了です！

![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/2acaa654-4349-0e16-55d6-fc574fed1f2c.png)

<br/>
認証については「後で認証を行う」を選択してトップページへ移動します。

# 公式アカウントと友達になる

今後テストが行えるよう、ご自身の公式アカウントと友達になっておきましょう。

管理画面の上部にご自身の公式アカウントの ID が表示されていますので、これを LINE 側で検索しましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/ff935755-45a2-a4d1-ec85-39834efc3daf.png)

<br/>
アカウントが表示されるので、友達登録を行います。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/008316f5-7c4d-0a5a-998e-8d1997c01978.jpeg" width="50%" />

# Messaging API の設定

Messaging API を使うには予め設定が必要になります。

管理画面右上の設定に入ります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/ce4feec6-6c2a-e93c-40a4-206560c7f6b5.png)

<br/>
左のメニューからMessaging APIを選択します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/0205bda6-6f5f-c7d9-f963-c4cdf7e7d8bb.png)

<br/>
Messaging APIを使う際はこの画面で「Messaging APIを利用する」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/65bae26b-1708-ba5e-56d0-e4506c70b7b2.png)

<br/>
プロバイダーを選択の画面ではLINE Developersのアカウントでログインしていれば、作成したプロバイダーが表示されます。

今回私の場合はこれまで使ってきた「Mahalo Living」を選択して「同意する」で進みます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/e96df1e6-9ac5-70de-1e73-08ecd6933bf1.png)

<br/>
プライバシーポリシーや利用規約の URL がある場合はここで入力を行いますが、今はまだ用意が無いため未入力のまま「OK」で進みます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/b995aff1-3da6-9fd1-4754-e6a4eaa9dd2b.png)

<br/>
内容を確認し問題なければ「OK」で進むとMessaging APIの設定は完了です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/cb08a37d-38a7-61ef-c3b1-2b2757ba6180.png)

<br/>
ここまでの操作が完了するとLINE Developersにログインした際、Messaging APIがチャネルに追加されているのが確認できると思います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2743174/e1589e75-7ee0-3c78-bbf1-1e9d7ec38c7e.png)

# まとめ

今回は、LINE Messaging API が利用できるよう設定を行ってきました。

次回はこの Messaging API を使って資料請求完了の旨のメッセージを送っていきたいと思います。

残りは 14 日！
気になる方は是非フォローやカレンダー購読をお願いします:star: