웹페이지와 네이티브가 통신하기 위해 안드로이드, iOS, WindowPhone 7, ... 등등에 공통적으로 적용가능한 방법을 PhoneGap이 보여주고 있다.
안드로이드의 addJavaScriptInterface(?)는 타 플랫폼에서는 적용불가이므로 폰갭은 어떻게 다양한 플랫폼에 적용가능하도록 하였는지 확인하여 보았다.
BONDI나 거기에서 더 확장된 HTML5의 DAP에 있어서 다음의 필수요소가 있는데
- 웹페이지에서 네이티브를 호출하여 그결과를 리턴받을 수 있어야 하고
- 동기 및 비동기 호출이 가능해야 한다.
폰갭은 javascript의 prompt함수를 이용해서 네이티브와 연계하여 그 결과값을 받도록 되어 있다.
아래는 폰갭의 네이티브로의 호출및 반환을 담당하는 함수코드이다.
| PhoneGap.exec = function(success, fail, service, action, args) { try { var callbackId = service + PhoneGap.callbackId++; if (success || fail) { PhoneGap.callbacks[callbackId] = {success:success, fail:fail}; } var r = prompt(PhoneGap.stringify(args), "gap:"+PhoneGap.stringify([service, action, callbackId, true])); // If a result was returned if (r.length > 0) { eval("var v="+r+";"); // If status is OK, then return value back to caller if (v.status === PhoneGap.callbackStatus.OK) { // If there is a success callback, then call it now with // returned value if (success) { try { success(v.message); } catch (e) { console.log("Error in success callback: " + callbackId + " = " + e); } // Clear callback if not expecting any more results if (!v.keepCallback) { delete PhoneGap.callbacks[callbackId]; } } return v.message; } // If no result else if (v.status === PhoneGap.callbackStatus.NO_RESULT) { // Clear callback if not expecting any more results if (!v.keepCallback) { delete PhoneGap.callbacks[callbackId]; } } // If error, then display error else { console.log("Error: Status="+v.status+" Message="+v.message); // If there is a fail callback, then call it now with returned value if (fail) { try { fail(v.message); } catch (e1) { console.log("Error in error callback: "+callbackId+" = "+e1); } // Clear callback if not expecting any more results if (!v.keepCallback) { delete PhoneGap.callbacks[callbackId]; } } return null; } } } catch (e2) { console.log("Error: "+e2); } }; |
prompt(PhoneGap.stringify(args), "gap:"+PhoneGap.stringify([service, action, callbackId, true])) 함수 호출부분이 네이티브와 연계되는 부분이다. 네이티브는 GapClient의 onJsPrompt()코드가 연계되고 여기서 처리되고 그 결과를 JSON string으로 리턴한다.
이게 가능한 이유는 WebChromeClient가 javascript prompt함수가 호출될때 onJsPrompt()를 호출하여 override할수 있도록 지원하기 때문이다. 리턴은 json으로 넘겨받게 되어 있다.
다음 포스트에는 비동기 호출에 대해서 알아보겠다.
