LINE BOTに送った画像をNode.jsで受信して保存するサンプル


[LINE BOTからNode.jsで画像を受け取って保存する](https://qiita.com/n0bisuke/items/17c795fea4c2b5571ce0)だとRequestモジュールを使ってたけど、公式のSDKを使ってやってみるサンプルです。

[Node.jsでQRコードを読み込む](https://qiita.com/n0bisuke/items/78faeaeef59df716d7cf)に引き続き、[ハッカソン仙台](https://www.nict.go.jp/info/event/2019/09/07-1.html)でのネタです。

## コード

[1時間でLINE BOTを作るハンズオン](https://qiita.com/n0bisuke/items/ceaa09ef8898bee8369d)のコードをベースに **`handleEvent`の関数を差し替えて、`downloadContent`の関数を新規追加**します。

```server.js
//・
//・
//・
//省略

async function handleEvent(event) {
    if (event.type !== 'message' || event.message.type !== 'image') {
        return Promise.resolve(null);
    }

    const downloadPath = './qr.png';
    let getContent = await downloadContent(event.message.id, downloadPath);
    console.log(getContent);

    return client.replyMessage(event.replyToken, [
        {
        type: 'text',
        text: `${getContent}として保存しました。`
        }
    ]);

}

//ダウンロード関数
function downloadContent(messageId, downloadPath) {
    return client.getMessageContent(messageId)
      .then((stream) => new Promise((resolve, reject) => {
        const writable = fs.createWriteStream(downloadPath);
        stream.pipe(writable);
        stream.on('end', () => resolve(downloadPath));
        stream.on('error', reject);
    }));
}

//省略
//・
//・
//・
```

## 試してみる

```bash
$ node server.js
```

<img src="https://i.gyazo.com/11af6ddf13861c943f9ac02400874600.png" width="300px">

LINE BOTに画像を送ると`image.png`として保存されます。

## コピペ用

```server.js
'use strict';

const express = require('express');
const line = require('@line/bot-sdk');
const PORT = process.env.PORT || 3000;
const fs = require('fs');

const config = {
    channelSecret: 'チャンネルシークレット',
    channelAccessToken: 'チャンネルアクセストークン'
};

const app = express();

app.get('/', (req, res) => res.send('Hello LINE BOT!(GET)')); //ブラウザ確認用(無くても問題ない)
app.post('/webhook', line.middleware(config), (req, res) => {
    console.log(req.body.events);

    //ここのif分はdeveloper consoleの"接続確認"用なので削除して問題ないです。
    if(req.body.events[0].replyToken === '00000000000000000000000000000000' && req.body.events[1].replyToken === 'ffffffffffffffffffffffffffffffff'){
        res.send('Hello LINE BOT!(POST)');
        console.log('疎通確認用');
        return; 
    }

    Promise
      .all(req.body.events.map(handleEvent))
      .then((result) => res.json(result));
});

const client = new line.Client(config);

async function handleEvent(event) {
    if (event.type !== 'message' || event.message.type !== 'image') {
        return Promise.resolve(null);
    }

    const downloadPath = './image.png';
    let getContent = await downloadContent(event.message.id, downloadPath);
    console.log(getContent);

    return client.replyMessage(event.replyToken, [
        {
        type: 'text',
        text: `${getContent}として保存しました。`
        }
    ]);

}

//ダウンロード関数
function downloadContent(messageId, downloadPath) {
    return client.getMessageContent(messageId)
      .then((stream) => new Promise((resolve, reject) => {
        const writable = fs.createWriteStream(downloadPath);
        stream.pipe(writable);
        stream.on('end', () => resolve(downloadPath));
        stream.on('error', reject);
      }));
  }

app.listen(PORT);
console.log(`Server running at ${PORT}`);
```