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

#jquery #iphone #html #jquery-mobile #cordova

#jquery #iPhone #HTML #jquery-мобильный #кордова

Вопрос:

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

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

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

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

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

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

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

Спасибо!

Ответ №1:

Вам нужно:

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

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

jQuery mobile отлично работает с Phonegap, они не наступают друг другу на ногу, так что не беспокойтесь с этой стороны.

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

Значительная часть настроек выполняется в файле с именем PhoneGap.plist. Это где

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

Комментарии:

1. Спасибо, Николас! Извините, чтобы уточнить, требуется локальное переименование файлов, если файлы изначально были привязаны к серверу. В противном случае, вы правы — если файлы названы абсолютно, нет необходимости переименовывать их.

2. И под файлом конфигурации вы имеете в виду: сборка. phonegap.com/docs/config-xml . Верно?

3. действительно, совершенно верно. Есть ли шанс, что я смогу увидеть приложение, когда оно будет завершено ? 😉

4. Я обновил свой ответ файлом конфигурации, о котором я говорил.