Программируем back-end

2

• Компоненты• Шаблоны

Ничего нового - все по старому*

* - но есть особенности

Как?

3

1. Отдельный шаблон

2. Папка приложения

• config.php (настройка приложения)

• settings.php (настройка внешнего вида)

• меню

Начинаем

Отдельный сайт не нужен!

Пример: http://dev.1c-bitrix.ru/community/blogs/carter/bitrix-mobile-config.php

4

1. Открытие ссылок

2. Кеширование

3. Связь между окнами

4. Новые возможности (bitrix mobile api)

Особенности

5

Как открывать?

Ссылки

• app.loadPageBlank({url: ‘/path/to/page.html’}) - добавляет в стек

• app.loadPageStart({url: ‘/path/to/page.html’}) - начинает новыйВстроенный браузер

• app.openUrl(‘http://1c-bitrix.ru/’)

Просмотр документов• app.openDocument({url: ’/upload/file.doc’})

6

Содержимое окон кешируется.

Кеширование

Выключить кеш - просто не указывать data-pageid в меню

7

Помните про формы и другой интерактив

Кеширование - формы

Поменяли содержимое страницы - не забудьте восстановить status quo

8

Восстанавливаем содержимое страницы - onOpenPageBefore:

1. Показать форму

2. Сбросить значения полей

События

Все доступные события:

http://dev.1c-bitrix.ru/api_help/bitrixmobile/events/index.php

9

Свои события - легко!•Генерируем:app.onCustomEvent('onSomeEvent', {/* event data */});

•Ловим:BX.addCustomEvent('onFeedbackThemeSelect', function(data)

{ /* some actions */ });

Пользовательские события

Обработчики могут быть вложенными

10

Возврат на 2 страницы назад

Пользовательские события - Пример

При выборе темы генерируем событие

И обрабатываем его в предыдущем окне

11

Топбар и кнопки

Стандартные иконки:•plus•back•refresh•users•cart

Можно свои

12

Топбар и кнопки

Как:• Добавляем тип в settings.php• Используем его в addButtons

13

Фото

Параметры:• source: 0 - выбрать из альбома, 1 - сделать фото• saveToPhotoAlbum: сохранить альбом (актуально для source = 1)• targetWidth и targetHeight: макс. размеры• quality: качество фото (не ставьте больше 40)• callback: обработка фотографии (отправка на сервер и пр.)

Как отправить фото?Используйте FileTransfer (есть в Bitrix Mobile)

Автобусы Кирова

Мобильное приложение с информацией о работе общественного транспорта в г. Киров

• Расписание автобусов/троллейбусов, маршруты, остановки, расчетное время прибытия.

• Правила пользования, обратная связь.

• Геолокация - определяем местоположение пользователя, показываем его на карте, находим ближайшие остановки.

• Google Maps Javascript API - работа с картой: отображение машин, маршрутов движения, остановок.

• Доступ к камере - возможность вложить фото в сообщение обратной связи.

Что использовали?

Ближайшие остановки / поиск

Ближайшие остановки / поиск

Машины на карте (ГЛОНАСС)

Расписание движения

21

Обратная связь / фото

22

Доки, мануалы

Что почитать?• http://dev.1c-bitrix.ru/api_help/bitrixmobile/index.php -

официальная документация 1С-Битрикс

• /bitrix/modules/mobileapp/install/js/mobileapp/bitrix_mobile.js - неофицальная документация :)

• Любой КП, папка /mobile/, модуль eshopapp для БУС - примеры использования API

• http://docs.phonegap.com/en/3.1.0/index.html - официальная документация phoneGAP

• http://dev.1c-bitrix.ru/community/blogs/carter/ - блог Евгения Петриченко

23

Константин ЛихачевМедиа-Сервисг. Киров, ул. Московская, 25-гe-mail: likhachev@smedia.ru+7 (8332) 35-18-86

http://smedia.ruhttp://bxmobile.ru