2016-03-20 10 views
2

Ich habe eine Ruby on Rails-Webanwendung erstellt. Ich wollte diesen Code verwenden, um eine native iOS-App und möglicherweise eine Android-App mit Phonegap zu entwickeln. Ich folgte diesem Tutorial https://www.youtube.com/watch?v=LjIKElAP6_A in einem Versuch, meine App auf meinem iPhone zu verwenden. Wenn ich dem Tutorial folge und die App auf meinem iPhone starte bekomme ich nur einen leeren Bildschirm.Ruby on Rails 4-App mit Phonegap integrieren, um eine native iOS-App zu erstellen

benutzte ich die folgenden Befehle mein Handy Lücke App einzurichten:

phonegap create myappios com.testrails.myappios Myiosapp 
phonegap platform add ios 
cordova plugin add org.apache.cordova.console 
cordova plugin add cordova-plugin-device 

ich den folgenden Code in meiner Datei index.html im Telefon Lücke App dann verwendet:

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> 
    <script type="text/javascript"> 

     function onBodyLoad() 
     { 
      document.addEventListener("deviceready", onDeviceReady, false); 
      window.location.href = " http://localhost:3000/" 
     } 
     function onDeviceReady 
     { 
      //do your thing 
     } 
    </script> 
    <script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script> 

</head> 
<body onload="onBodyLoad()"> 

</body> 
</html> 

Gefolgt durch den Befehl: phonegap build iOS.

Ich bekomme nur einen leeren Bildschirm, wenn die App auf meinem Handy geöffnet ist. Ich denke, das Tutorial, dem ich folgte, ist veraltet, oder vielleicht habe ich etwas falsch gemacht. Kann jemand oben eklatante Fehler sehen? Ich habe auch mit Sencha und Appcelerator untersucht, aber ich bin mir nicht sicher, was meine beste Option hier ist.

+0

zwischen dem Body-Tag, können Sie etwas Text dort zu überprüfen, ob Ihre Web-Ansicht wahrscheinlich geladen ist? –

+0

@ Jarvey, Sie haben mehrere Fehler Blantant. Diese FAQ sollte auch helfen. Lies die ** fettgedruckten Sätze. [Top Mistakes von Entwicklern neu in Cordova/Phonegap] (https://github.com/jessemonroy650/top-phonegap-mistakes/blob/master/new-to-Phonegap.md) Bitte antworten Sie in den Kommentaren \ * zu mir (mit meinem Griff) \ * oder ich kann deine Antwort nicht sehen. – JesseMonroy650

+1

@Jarvey, ich habe das Video angeschaut. Es ist irreführend. Es wird nie gezeigt, dass es auf einem mobilen Gerät funktioniert. Darüber hinaus sind sowohl [Google als auch Apple runzeln bei Apps] (https://github.com/jessemonroy650/top-phonegap-mistakes/blob/master/new-to-Phonegap.md#005a), die Webseiten-Wrapper sind. Der Autor hat ein Missverständnis darüber, wie Hybridsysteme funktionieren. Ich würde keine weiteren Videos dieses Autors folgen. Ich habe es auch meiner [Liste der BAD-Videos] hinzugefügt (https://github.com/jessemonroy650/top-phonegap-mistakes/blob/master/video-reviews/video-tutorials-bad.md). Ich habe Kommentare hinterlassen, um die Leute wissen zu lassen, dass es ein schlechtes Video ist – JesseMonroy650

Antwort

0

Ich sah das Video auch. Ich glaube, Sie müssen phonegap build ios (alle Kleinbuchstaben IOS) ausführen und dann wird Ihr Build Inhalt, gegenüber einem leeren Bildschirm.