はじめに

・そうだ、結婚式しよう
・コロコロウイルスの状況次第でゲストの皆様への連絡増えそう
　→連絡用のLINE公式アカウント作っておこう
・ついでにLINEのAPIで何かおもしろいことできないかなー
・この公式アカウントからフォトシャワーできたらおもしろそう
・ついでにメッセージも送れたらオリジナリティあっておもしろそう

ということで、LINE Messaging APIとクラウドサービスのAWSを利用して、オリジナルのフォト&メッセージシャワーを作りました。

構成

以下の構成で実装しました。

ゲストの皆様にLINE公式アカウントを登録していただき、そこからテキストや画像を送ると、それらがブラウザ上に表示されるというモノです。テキストが送られた場合、ユーザ名とアイコンも一緒にブラウザ表示されるようにしています。

LINEから届いたコンテンツをLambdaで処理

LINEのAdventCalendarなので、LINEから届いたコンテンツの処理について書いてみます。
ここでは、「ユーザー名、ユーザーのLINEアイコン、テキスト情報」の3つについて、取得方法を記します。
画像情報の取得に関しては、過去記事で紹介していますのでよろしければご覧ください。
LINEで送った画像をS3に保存する(LINE Messaging API x AWS )
表情判定するLINE BOTをつくった(LINE x Amazon Rekognition)

lambda_function.py

def lambda_handler(event, context):
    print('json dumps start --------')
    print(json.dumps(event)) #dict->str(json形式にエンコード)
    print('json dumps end --------')
    body = json.loads(event['body'])
    for event in body['events']:
        #--　ユーザー名(username)、アイコン(icon)の取得
        userinfo=requests.get('https://api.line.me/v2/bot/profile/'+event['source']['userId'],headers=HEADER)
        userinfo=json.loads(userinfo.text)
        username=userinfo['displayName']
        icon=userinfo['pictureUrl']

        #-- TextMessageが来た時
        if event['message']['type'] == 'text':
            #-- メッセージ本文を取得
            textmsg=event['message']['text']
            #-- 匿名希望の人への対応
            if '匿名希望' in textmsg:
                textmsg=textmsg.replace('匿名希望','')
                username='匿名希望'
                icon='photo_shower/nigaoe.png'
            textmsg_display=textmsg+'**=** (%sさん)'%username
            textmsg_display+='**=**'+icon
            #-- メッセージ内容によってBOTに返すメッセージを微妙に変える
            if 'おめでとう' in textmsg:
                msg='%sさん お祝いのメッセージありがとうございます！'%username
            else:
                msg='%sさん メッセージありがとうございます！'%username

            #-- txtをS3に保存
            FileName_rec='message_from_%s.txt'%(userinfo['displayName'])
            obj = s3.Object(BUCKET_NAME,FileName_rec)
            obj.put( Body=textmsg+'(%sさん)'%username )

        #-- return する情報の記述
        REQUEST_MESSAGE = [
        {
        'type': 'text',
        'text': msg,
        }
        ]
        payload = {'replyToken': event['replyToken'], 'messages': REQUEST_MESSAGE}

        #--HEADERとmessages(pyload)を付加してpost
        if len(payload['messages']) > 0:
                response = requests.post(
                'https://api.line.me/v2/bot/message/reply',
                headers=HEADER,
                data=json.dumps(payload)
                )
                print('request sent!')

完成イメージはこんな感じになります。

工夫点

上記コードの工夫点を３点ほど。

1. LINEから受信した情報を、フロントエンドに渡す際の工夫

テキストデータをフロントエンドに渡す際には、「ユーザー名、ユーザーのLINEアイコン、テキスト情報」が必要になります。これらを全て含んだデータを、ファイル(.txt)に保存し、S3に格納しました。
このとき、ひとつのテキストファイルでいっぺんに送りたかった(そしてフロントエンドでsplitしたかった)ので独自の区切り文字「**=**」を用意しました。

message.txt

こんにちはあ**=** (hogeさん)**=**https://sprofile.line-scdn.net/your_name_id

メッセージ**=** (名前さん)**=**アイコンURL
となってます。メッセージ中にこの記号があったらバグってたところでした。

そして、フロントエンド側で「S3に格納されているテキストデータを読み込み、ブラウザ表示させる」という機能を実装しています。

↓詳しくはこちら↓

S3に格納されているテキストデータを読み込みブラウザ表示させる

2. スクリーンに個人情報を映してほしくない人への配慮

受信したメッセージの中に「匿名希望」が入っている場合は、アイコンと名前を伏せるようにしました。
当日は誰も使っていませんでした。陽の目を浴びない隠れ機能としての役割を果たしました。

3. メッセージ内容によってBOTの返事を変更

受信したメッセージの中に「おめでとう」が入っている場合は、微妙に返事を変えました。
BOTの返事は、return部分のpayloadに記述します。
今回はルールベースでシンプルなものでしたが、AWSと連携して自然言語処理による適切な応答を返す、なんてこともできそうですね。

おまけ

・LINEBOTと直接関係ないのですが、気合いを入れた部分なのでついでにご紹介です。
写真を送って頂いた方への返事にも工夫を凝らしました。

上図のように、
顔写真が送られたときには、笑顔度とそれに応じたコメントを返すようにしました。
モノが送られたときには、物体検出して上位の３件を表示するようにしました。
これらはAmazon Rekognitionを用いて実現しています。

まとめ

今回はLINE BOTを用いてフォトシャワーを自作したお話でした。
「メッセージを受信→S3に保存→フロントエンドで展開」というシンプルなものですが、工夫次第でいろんな応用ができるなあと思いました！