Варианты встраивания веб-приложения в PhoneGap (для iPhone)? - PullRequest
Новая
       0

Варианты встраивания веб-приложения в PhoneGap (для iPhone)?

3 голосов
/ 06 ноября 2011

У нас есть существующее веб-приложение, созданное с помощью jQuery Mobile.

Наша цель - сохранить динамические возможности веб-приложения (т. Е. Изменения, развернутые сразу для всех пользователей), но при этом иметь доступ к Apple App Store через встроенную оболочку (и получить доступ к другим функциям через API PhoneGap).

Как мы понимаем, вот варианты для встраивания существующего веб-приложения (созданного с помощью jQuery Mobile) в приложение PhoneGap:

1) Переписать приложение, чтобы ссылаться на файлы (например, изображения, звуки, страницы) локально (в отличие от сервера) и переименовать первую страницу веб-приложения в «index.html».

2) Вставьте iFrame в простое приложение PhoneGap, которое ссылается на веб-приложение. Для этого не требуется никаких изменений в веб-приложении, но необходимо изменить файл конфигурации PhoneGap, чтобы внешние источники открывались в iFrame и не открывались в мобильном Safari.

3) Используя jQuery Mobile в приложении PhoneGap, используйте $ .mobile.changePage сразу после загрузки «index.html» и загрузки веб-приложения. Это позволяет избежать iFrames.

Есть еще варианты? Может ли кто-нибудь поделиться своим опытом с этими подходами? Есть ли у них какие-либо недостатки?

Спасибо!

1 Ответ

2 голосов
/ 06 ноября 2011

Вам необходимо:

  1. Ссылка на phonegap.js
  2. назовите свой первый файл index.html
  3. Настройка ориентации, различных режимов просмотра и служб устройства, используемых в приложении, в файле конфигурации
  4. Готов к работе

Даже если вы не ссылаетесь на файлы локально, приложение будет извлекать удаленные статические файлы (это представление WebKit ...), поэтому в iFrame также нет необходимости.

JQuery mobile отлично работает с PhoneGap, там не наступайте друг другу на ногу, так что не беспокойтесь об этом.

Отредактировано:

Хорошая настройка выполняется в файле PhoneGap.plist. Это где

  1. Вы включаете отключение некоторых функций PhoneGap,
  2. установить список хостов для обработки в PhoneGap или Safari
  3. Объявите дополнительные плагины PhoneGap, которые вы хотите включить в приложение
...