Laden von remote-html-PhoneGap oder Cleaver (Cordova) auf iOS

Bin ich mit einer Cordova-2.4-Komponente Beil und eine eingebettete Ansicht in meiner nativen iOS-6-Anwendung. So weit ich es geschafft habe, erstellen die Projektstruktur, die Verknüpfung der Cordova-Bibliotheken und das einrichten der app "Hello World", das funktioniert mit "Gerät Bereit" feedback.

Dies ist alles toll, aber es lädt alle html vom www-repository verteilt innerhalb der app (einschließlich alle js-Bibliotheken).

Was ich wirklich will, yo tun, ist dies:

1 - popup-das Beil-Komponente (die nichts anderes ist als eine eingebettete uiwebview) in meiner app. Einfach - fertig.

2 - laden von html-Inhalten über eine URL verweist, auf ein servlet auf meinem remote-server. Ich habe mehrere servlets und müssen in der Lage sein zu laden, dass jeder von Ihnen natürlich auch einzeln.

3 - haben die Inhalte, die Sie in Schritt 2 die Interaktion mit meinen native-app über die cordova javascript-libs cordova-2.4.0.js - (wie kann ich laden Sie diese, wenn Sie lokal auf Gerät aber html geladen wurde, die von remote-Standort).

Wie kann ich diese einrichten ?

P. S.

Ich bin mehr von Obj-C als Javascript-Entwickler 🙂

InformationsquelleAutor Moonwalker | 2013-02-11
  1. 10

    Hier ist die Antwort. Was für eine Freude...

    exzellente Artikel auf dynamische laden der Seite in PhoneGap und Cordova

    Genau das, was ich brauchte. Der zweite Teil des Projekts wurde, um native code zu zwingen, das laden von externen web-services - habe ich erreicht dies durch die sogenannte stringByEvaluatingJavaScriptFromstring auf die Glorreiche web-Ansicht .

    [webview stringByEvaluatingJavaScriptFromString:@"app.loadExternal('www.usatoday.com')]; ist der code, der funktioniert wie ein Charme:)

    Viola - ich habe ein Hackmesser Sicht in der Lage das laden von externen html-Inhalte mit kompletter zwei-Wege-Kommunikation zwischen der javascript-app und der native container.

    InformationsquelleAutor Moonwalker
  2. 8

    In Ihrem index.html Datei etwas wie das hier tun (für den Punkt 2)

    <!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<meta charset="utf-8">
<script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
<script type="text/javascript">
     function onBodyLoad(){     
        document.addEventListener("deviceready", onDeviceReady, false);
     }
     function onDeviceReady(){
         window.location.href = <your_remote_url>
     }
}
</script>

    Für den Punkt 3, Ihre remote-Inhalte importieren cordova.js und die Interaktion (nativ /web) funktioniert, als ob es lokale Inhalte.

    • Dank elio.d aber nicht genau war, die ich suchte. Ich habe Tonnen von servlet-Dienste, die ich machen zu müssen dynamisch und laden Sie Ihre Inhalte in den Blick - so hardcoding wie, das wird nicht funktionieren. Ich will aber auch nicht zum hosten der cordova.js auf der server-Seite. Ich fand die Antwort und eine Lösung. Es ist alles in dynamic content loading via Ajax mit dem hosting der Seite und cordova.js in der Gegend bleiben, aber der content-div geladen werden auf Nachfrage von den Servern...funktioniert ganz nett.
    • für einige Gründe, es öffnet sich in neues Fenster, nicht auf dem original-Anwendung Fenster, irgendwelche Ideen?
    InformationsquelleAutor elio.d
Schreibe einen Kommentar