소개

기존 LIFF 앱에 ShareTargetPicker를 배포하는 방법을 설명합니다.
GitHub는 여기 .

ShareTargetPicker란?

다음이 참고가 됩니다.
Share Target Picker가 출시되었으며 LIFF 앱의 메시지 전송이 크게 향상되었습니다.

Share Target Picker는 LIFF에서 대상을 선택하여 메시지를 보낼 수 있는 기능입니다.
이에 따라
· 토크 룸이나 그룹에서 열리지 않은 경우에도 메시지를 보낼 수 있습니다.
· LIFF 앱을 LINE에서 열었을 때뿐만 아니라 브라우저에서 열었을 때도 메시지를 보낼 수 있습니다.
· 자신 이외의 친구나 자신이 들어 있지 않은 그룹에게도 메시지를 보낼 수 있습니다.
같은 것이 가능합니다.

샘플

htps: //야기-엔 g. 기주 b. 이오 / ㄱ f-레세 r
보내기 버튼을 클릭하면 LINE의 친구 선택 화면이 표시되고 텍스트를 보낼 위치를 선택할 수 있습니다.

소개

LINE Developers 변경

공유 타겟 선택기를 켭니다.

구현

아래 Qiita 기사에서 만든 LIFF 앱에 ShareTargetPicker를 도입합니다.
【LIFF 입문? 】 LIFF에서 LINE Offical Account (구 LINE @)에 예약 양식 작성
다음과 같이 liff.js를 수정합니다.
git diff는 여기입니다.
diff가 무엇을 추기하면 좋은지 알기 쉬울지도.

liff.js

$(document).ready(function () {
    var liffId = "（自分のLiffIdを入力）";
    initializeLiff(liffId);
})

function initializeLiff(liffId) {
    liff
        .init({
            liffId: liffId
        })
        .then(() => {
            if (!liff.isInClient() && !liff.isLoggedIn()) {
                window.alert("LINEアカウントにログインしてください。");
                liff.login();
            }
        })
        .catch((err) => {
            console.log('LIFF Initialization failed ', err);
        });
}

function sendMessage(text) {
    if (liff.isInClient()) {
        sendMessages(text);
    } else {
        shareTargetPicker(text);
    }
}

function sendMessages(text) {
    liff.sendMessages([{
        'type': 'text',
        'text': text
    }]).then(function () {
        liff.closeWindow();
    }).catch(function (error) {
        window.alert('Failed to send message ' + error);
    });
}

function shareTargetPicker(text) {
    liff.shareTargetPicker([{
        'type': 'text',
        'text': text
    }]).catch(function (error) {
        window.alert('Failed to send message ' + error);
    });
}

LINE 토크에서 열린 경우 sendMessages 를 사용하여 해당 토크에 메시지가 전송되도록 LINE 토크 이외에서 열면 shareTargetPicker 를 실행합니다.
이렇게 하면 기존 기능에 영향 없이 도입할 수 있습니다.

감상

LINE에서 작동하는 것을 만드는 재미입니다.
이것으로 일을 취할 수 있게 되면 좋겠다. .