<aside> 📷

하이브리드앱 QR코드 스캔 카메라 연동 가이드입니다. 웹소스의 JavaScript에서 네이티브 QR 카메라를 호출하고, 스캔한 QR코드 값을 콜백 함수로 전달받는 방법을 설명합니다.

</aside>

하이브리드앱 웹소스 연동 가이드 전체보기

웹소스상에서 QR카메라를 호출하고, 읽혀진 값을 전달받아 필요한 로직에 사용되도록 합니다. 아래의 기본 디자인으로 적용되며~ 디자인 커스텀 변경은 협의하여 진행가능합니다.

아래처럼 js코드를 사용해 고객님의 웹소스상에서 QR카메라를 호출하고 읽혀진 값을 전달받을 수 있습니다.

//QR카메라 호출 javascript 함수
function qr_camera_call(){

	var param = {
		action:"qrcamera",
		callback:"get_code" //읽혀진 코드값 전달받을 javascript함수명(웹소스에 정의필요)
	};
	webkit.messageHandlers.cordova_iab.postMessage(JSON.stringify(param));

}

function get_code(val){
	//alert(val);  //읽혀진 값 확인(해당값을 사용하는 로직에 적용하면됩니다.)
}

<!— 아래는 샘플 호출 html 코드 —>
<div onlick="qr_camera_call()">QR카메라실행</div>

Powered by (주)옐로우윈

<aside> 📱

이 기능을 실제 서비스 앱에 적용하고 싶으신가요? 앱케이크는 하이브리드앱 QR코드 카메라 호출 기능을 포함한 Android·iOS 하이브리드앱 제작을 지원합니다. 하이브리드앱 제작 상담 및 견적 요청 →

</aside>