[html] 초심플ver) 누구나 만들어보는 steempay

wonsama(71)

Published in

#kr

Words

Reading

1 min

Listen

Play

@wonsama의 초간단 steempay 만들기 입니다.

@asbear 님께서 steempay를 만드셔서 html로 되나 싶어 만들어 봤는데 생각보다 금방 만드네요... (물론 초간단 VERSION 인지라...)
https://steemit.com/kr/@asbear/qr-steem-pay-v0-1

궁금한 점은 댓글로 부탁 드려요

단순하게 소스를 붙여 놓은 이후 설정 부분만 적절하게 바꿔주시면 됩니다.

(소스에서 바꿔야 할 설정정보)

 // 설정값
 let TRAN_TO = 'wonsama'; 
 let SND_AMT = 1;
 let SND_TYPE = 'SBD';   // SBD or STEEM

아래 내용을 steempay.html 파일로 저장한 이후 chrome 최신버전에서 열어보면 ...

(결과물 예제) 보내주시면 땡큐베리감사요~

(네이버 QR코드로 인식)

(steem connect 연결)

(html소스 : steempay.html)

<html>
    <body>
        <div>
            <div id="msg"></div>
            <canvas id="canvas" width="200" height="200"></canvas>
        </div>
    </body>
        <script src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>
        <script type="text/javascript" src="http://wonsama.tistory.com/attachment/[email protected]"></script>
        <script type="text/javascript">
            
            // 설정값
            let TRAN_TO = 'wonsama';
            let SND_AMT = 1;
            let SND_TYPE = 'SBD';   // SBD or STEEM

            let amount = `${SND_AMT.toFixed(3)}%20${SND_TYPE}`;
            let amountShow = amount.replace('%20',' ');
            let memo = encodeURIComponent(`${SND_AMT} ${SND_TYPE} 잘 쓸께요~`);
            let msgShow = `@${TRAN_TO} 님에게 ${amountShow}를 보내기`
            let msgUrl = `https://steemconnect.com/sign/transfer?to=${TRAN_TO}&amount=${amount}&memo=${memo}`;
            
            // 이미지 및 값 출력
            QRCode.toCanvas( document.getElementById('canvas'), msgUrl, (err)=>{
                if (err) console.error(err);
                document.getElementById('msg').innerHTML = msgShow;
            });
        </script>
</html>