MS Flow와 Twilio를 사용하여 kintone에서 SMS 전송

Twilio 준비

SMS 송신이 가능한 번호를 취득해 둡니다.

Microsoft Flow 준비

트리거(HTTP 요청)를 만들고 다음과 같이 JSON 스키마를 설정합니다.

{
    "type": "object",
    "properties": {
        "receiverNumber": {
            "type": "string"
        },
        "message": {
            "type": "string"
        }
    }
}

Twilio 커넥터를 만들고 다음과 같이 설정합니다.


품목
값


발신자 전화번호
방금 얻은 번호

발신지 전화번호
receiverNumber

텍스트
message


이런 느낌입니다.

킨톤 준비

앱을 만들고 다음 필드를 만듭니다.


필드 이름
필드 코드
금형


성명
receiver_name
문자열(1행)

휴대폰 번호
cellphone_number
문자열(1행)

kintone 사용자 정의

다음과 같은 JavaScript를 설정합니다.

    const twilioSmsSendUrl = 'https://prod-30.japaneast.logic.azure.com:443/workflows/...※MS Flowで取得したURL';

    //MS FlowのHTTP要求にPOST
    function sendTwilioSms(receiverNumber, message) {
        //国番号付加（日本限定になります）
        var num = '+81' + receiverNumber;
        num = num.replace('+810', '+81');
        var body = {
            receiverNumber: num,
            message: message
        }
        var headers = {
            'Content-Type': 'application/json'
        }
        kintone.proxy(twilioSmsSendUrl, 'POST', headers, JSON.stringify(body)).then(function (args) {
            alert(receiverNumber + 'にメッセージを送信しました');
        }, function (error) {
            alert(receiverNumber + 'へのメッセージ送信に失敗しました');
        });
    }

    //レコード詳細画面表示時の処理
    function setFieldsDetailShow(record) {
        //送信ボタンを表示し，クリック時に送信
        var smsButton = document.createElement('button');
        smsButton.id = 'twilio_sms_send';
        smsButton.innerHTML = 'SMS送信';
        smsButton.onclick = function () {
            var receiverNumber = record.cellphone_number.value;
            var message = window.prompt(receiverNumber + 'へのメッセージを入力してください', '');
            sendTwilioSms(receiverNumber, message)
        }
        kintone.app.record.getHeaderMenuSpaceElement().appendChild(smsButton);
    }

    //レコード詳細イベント
    kintone.events.on('app.record.detail.show', function (event) {
        setFieldsDetailShow(event.record);
        return event;
    });

실행

SMS 보내기 버튼을 클릭합니다.


메시지 상자에 메시지를 입력합니다. Twilio라면 일본어로 70자를 넘으면 분할하여 전송됩니다. (상한 1600자)


메시지가 전송되었습니다.

용도

kintone으로 만든 멤버 목록 등에서 사용하고 있습니다. 회원 중에 메일 주소를 가지고 있지 않은 사람이 있거나, 메일이 에러로 돌아오는 사람이 있거나 하는 경우의 연락에 편리합니다. 레코드 일람 화면에서 반복 처리를 하면 SMS에 의한 일제 통지도 할 수 있습니다. 직접 Twilio의 API에 액세스할 수도 있다고 생각합니다만, MS Flow를 개입하는 것으로 간편하게 제휴를 할 수 있는 것은 고맙습니다.