Запуск пользовательского URL в PhoneGap + iPhone - PullRequest
Новая
       0

Запуск пользовательского URL в PhoneGap + iPhone

1 голос
/ 14 ноября 2011

Я занимаюсь разработкой сенсорного приложения Sencha, которое будет работать на iPhone.Теперь приложение готово и отлично работает в браузере телефона.Но теперь я хочу распространить свое приложение, поэтому я использую PhoneGap.

Все мои страницы HTML и JavaScript развернуты на http://170.60.26.20:8099/Sencha/Html/index.html. Теперь я хочу загрузить этот URL-адрес, используя phonegap.Предложите мне шаги, как я могу это сделать.

Я установил версию phonegap-1.2.0-0.

Ответы [ 2 ]

4 голосов
/ 14 ноября 2011

Создайте новое приложение Phonegap в xcode, и вам просто нужно изменить уже существующий index.html файл в папке www.Вы можете использовать window.location метод javascript для загрузки вашего веб-приложения в телефонное приложение.

В PhoneGap (Cordova) .plist добавьте свой сервер в список ExternalHosts и введите OpenAllWhitelistURLsInWebView в YES.

Пожалуйста, попробуйте следующий код для запуска html-страниц в phonegapприложение. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <!-- Change this if you want to allow scaling -->
    <meta name="viewport" content="width=default-width; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>LoadUrl
    <!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">

    function onBodyLoad()
    {
        document.addEventListener("deviceready",onDeviceReady,false);
    }
    /* When this function is called, PhoneGap has been initialized and is ready to roll */
    function onDeviceReady()
    {
    // do your thing!
       window.location="http://web.me.com/djpinter1/iPhone/jqtouch/demos/main_tabbar/#ui";
      //window.location="http://170.60.26.20:8099/Sencha/Html/index.html";
    }
    </script>
  </head>
  <body onload="onBodyLoad()">   
  </body>
</html>
0 голосов
/ 14 ноября 2011

В вашем xcode запустите новый проект как проект phonegap.Затем скопируйте файлы из папки вашего проекта в папку www в проекте phonegap. Помните, что файл index.html должен находиться в родительской папке, в противном случае вы должны соответствующим образом изменить URL в соответствующем классевызывает веб-просмотр.

Вы можете перейти по этой ссылке

http://wiki.phonegap.com/w/page/39991939/Getting%20Started%20with%20PhoneGap%20iOS%20using%20Xcode%204

Надеюсь, что это поможет

...