Wstaw kod w przeglądarce inApp i uzyskaj jego wartość zwrotną w aplikacji
Piszę aplikację mapowania połączeń, która uruchamia aplikację internetową w inAppBrowser. Chciałbym uzyskać pewną informację zwrotną z tej aplikacji internetowej, aby móc z niej korzystać w mojej aplikacji mapowania telefonu.
Użytkownik uruchamia aplikację internetową, robi kilka rzeczy i po kliknięciu przycisku aplikacja sieciowa zwraca wartość do aplikacji mapy połączeń.
Pomyślałem, że mogę użyć metody executeScript inAppBrowser do wstrzyknięcia funkcji, która byłaby wywoływana wewnątrz aplikacji internetowej za pomocą jakiegoś zdarzenia, a gdy ta funkcja zostanie wywołana, oszacuj jej wartość zwracaną wewnątrz aplikacji internetowej. Wszystko, co znalazłem, to niezbyt kompletna dokumentacja mapy telefonicznej i to pytanie na temat stackoverflow:Rozszerzanie aplikacji internetowej za pomocą natywnych funkcji - Aplikacja javascript do łączenia aplikacji InGpserver z aplikacjami Rails PhoneGap
Niestety nie działa tak, jak oczekiwałem, ponieważ funkcja wywołania zwrotnego uruchamia się natychmiast, nie czekając na wykonanie wprowadzonej funkcji.
Oto mój kod aplikacji mobilnej
<!DOCTYPE html>
<html>
<head>
<title>InAppBrowser.executeScript Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.7.0.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// Global InAppBrowser reference
var iabRef = null;
// Inject our custom JavaScript into the InAppBrowser window
//
function addFeebackFunction() {
iabRef.executeScript(
{code: "var evaluateFeedback = function(){return 'Done';};"},
function(data) {
alert(data);
}
);
//iabRef.close();
}
function iabClose(event) {
iabRef.removeEventListener('loadstop', addFeebackFunction);
iabRef.removeEventListener('exit', iabClose);
}
// Cordova is ready
//
function onDeviceReady() {
iabRef = window.open('http://{ipaddress}/test/', '_blank', 'location=no');
iabRef.addEventListener('loadstop', addFeebackFunction);
iabRef.addEventListener('exit', iabClose);
}
</script>
</head>
<body>
<h1>Mobile App</h1>
</body>
</html>
A ona jest moim kodem aplikacji internetowej
<!DOCTYPE HTML>
<html>
<head>
<title>
Test
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#get-feedback').click(function() {
var feedback = $('#feedback').val();
evaluateFeedback(feedback);
});
});
</script>
</head>
<body>
<div data-role="page">
<article data-role="content">
<h1>Web app</h1>
<input type="text" id="feedback" /><br />
<button type="button" id="get-feedback">Feedback</button>
</article>
</div>
</body>
</html>