Телеграм: @camouf_ru Почта: mihail@bazarow.ru

Получение доступа к железу устройства из Битрикс мобильное приложение

Просмотров: 5603

Документация к мобильному приложению 1С-Битрикс очень куцая. В основном описывает функционал добавляемый BXMobileApp. Хотя, там вскользь и упомянута работа с железном устройства. Явно не хватает примеров реализации данной возможности. Восполняю сей пробел.

На самом деле, это Cordova(PhoneGap).

На самом деле, под капотом Битрикс: мобильное приложение обычный PhoneGap, хотя и немного на стероидах. Реализующий некоторые не стандартные для PhoneGap фичи (модуль CMobile)

Соответсвенно, можно абсолютно спокойно пользоваться документацией к Cordova - все базовые возможности работают штатно. Дальше просто примеры. С более тонкими моментами, думаю разберетесь.

Доступ к камере и медиабиблиотеке устройства.

Плагин умеет брать и загружать фотографии с устройства. Как из медиа библиотеки, так и напрямую с камеры.

Скрипт обработчик

    var pictureSource;
        var destinationType;
        document.addEventListener("deviceready",onDeviceReady,false);
        function onDeviceReady() {
            pictureSource=navigator.camera.PictureSourceType;
            destinationType=navigator.camera.DestinationType;
        }
        function onPhotoDataSuccess(imageData) {
            var smallImage = document.getElementById('smallImage');
            smallImage.style.display = 'block';
            smallImage.src = "data:image/jpeg;base64," + imageData;
        }
        function onPhotoURISuccess(imageURI) {
            var largeImage = document.getElementById('largeImage');
            largeImage.style.display = 'block';
            largeImage.src = imageURI;
        }
        function capturePhoto() {
            navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,
                destinationType: destinationType.DATA_URL });
        }   
        function getPhoto(source) {
            navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50,
                destinationType: destinationType.FILE_URI,
                sourceType: source });
        }
        function onFail(message) {
            alert('Failed because: ' + message);
        }

Кнопки вызова

    <button onclick="capturePhoto();">Сфотографировать</button> <br>
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">Загрузить из биботеки</button><br>
    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">Загрузить из альбома</button><br>
    <img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
    <img style="display:none;" id="largeImage" src="" />

Получить данные геолокации с GPS модуля

Выведет на экран полные данные о местоположении пользователя. При чем, это не определение по IP или сотовым вышкам. Это именно данные с GPS модуля

Скрипт обработчик

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    navigator.geolocation.getCurrentPosition(onSuccess, onError);
}
function onSuccess(position) {
    var element = document.getElementById('geolocation');
    element.innerHTML = 'Latitude: ' + position.coords.latitude + '<br>' +
        'Longitude: ' + position.coords.longitude + '<br>' + '<br>' +
        'Altitude: ' + position.coords.altitude + '<br>' + '<br>' +
        'Accuracy: ' + position.coords.accuracy + '<br>' + '<br>' +
        'Altitude Accuracy: ' + position.coords.altitudeAccuracy + '<br>' +
        'Heading: ' + position.coords.heading + '<br>' +
        'Speed: ' + position.coords.speed + '<br>' + '<br>' +
        'Timestamp: ' + position.timestamp + '<br>';
   }
   function onError(error) {
        alert(error.code + ' ' + error.message);
    }

Вывод информации

<p id="geolocation">Получение данных с GPS...</p>

Информация об устройстве

Можно получить всю информацию об устройстве. Модель, уникальный индетификатор, операционную систему и.т.д.

document.addEventListener("deviceready", onDeviceReady, false);
        function onDeviceReady() {
            var element = document.getElementById('device');
        element.innerHTML = 'Операционная система' + device.platform + '<br>'
        'Модель телефона' + device.model + '<br>'
'UUID телефона' + device.uuid + '<br>';
}

Вывод

<p id="device">Получение данных об устройстве...</p>

В общем-то, возможностей достаточно много. От получения и создания контактов в телефонной книге, до загрузки и сохранения файлов с/на устройство.

У меня, Вы можете заказать разработку и публикацию мобильного приложения для магазина, портала, информационного ресурса.

Дмитрий Кривой 03.12.2020
Прошу прощения, Михаил. На основе одной статей на тему разработки мобильного приложения Битрикс (и с учётом этой) хотелось бы уточнить - действительно ли функциональность уже встроенных библиотек никак не расширить?
Например, для расширения функциональности Cordova используются плагины, которые можно, конечно же, установить. Но а у Битрикса что, совсем никак?
Допустим, есть плагин, который позволяет включить/отключить вспышку на телефоне. И, получается, в рамках Битрикса я могу попрощаться с этой нужной для некоторых случаев функцией?
Буду очень благодарен за ответ.
Михаил Базаров 04.12.2020
Цитата
Дмитрий Кривой написал:
Прошу прощения, Михаил. На основе одной статей на тему разработки мобильного приложения Битрикс (и с учётом этой) хотелось бы уточнить - действительно ли функциональность уже встроенных библиотек никак не расширить?
Например, для расширения функциональности Cordova используются плагины, которые можно, конечно же, установить. Но а у Битрикса что, совсем никак?
Допустим, есть плагин, который позволяет включить/отключить вспышку на телефоне. И, получается, в рамках Битрикса я могу попрощаться с этой нужной для некоторых случаев функцией?
Буду очень благодарен за ответ.
Встроенных да, ни как. Именно по этому, давно перешел на Cordova - имею ввиду, не пользуюсь битриксовым модулем, делаю все с нуля на чистой Cordova

Записная книжка разработчика

Примерно с 2013-го года пишу заметки по разработке сайтов на Битрикс.
Вы можете задавать уточняющие вопросы в комментариях- отвечаю или дополняю заметки по возможности.

Фиксированная корзина с обновлением, без перезагрузки страницы. Просмотров: 17499 Иногда нужно сделать так, чтобы корзина в интернет магазине, созданном на Битрикс, была по... Подключение SSL на Битрикс виртуальная машина Просмотров: 11929 С первого января 2017 года, наличие безопасного соединения HTTPS становится практически об... Заполнить картинки разделов каталога из картинок товаров Просмотров: 338 Задача: в каталоге, разделы и подразделы выводятся в виде плитки над товарами, с картинкам... Memcached на сайте под управлением битрикс, при использовании Веб Окр... Просмотров: 6940 Если вам важна скорость отдачи сайта, а у вашего сервера медленный диск для использования ... Прятать или показывать описание раздела каталога Просмотров: 598 В новых компонентах и шаблонах catalog.section есть не документированный и не выводимый па... Менять большую картинку, при клике на маленькую, в детальной карточке Просмотров: 1764 Мини скриптик, может кому пригодится для каталога товаров или новостей при использовании д... Отфильтровать новости в Битрикс за заданный период Просмотров: 15590 Иногда, нужно отфильтровать элементы (новости например) по дате в Битрикс, с помощью компо... Постраничная навигация в списке разделов Битрикс- catalog.section.lis... Просмотров: 8719 Если в магазине очень много разделов и хочется вывести их с постраничной навигацией: можно... Смена вида карточек товаров в catalog.section с иммитацией AJAX Просмотров: 818 Смену вида карточек товаров, в разделе каталога, можно реализовать с помощью сессии, запис... Ajax форма обратной связи, реализация в битрикс Просмотров: 7580 Иногда, на сайте требуется создать форму обратной связи, которая будет писать все данные в... Очистка корзины в 1С-Битрикс одним нажатием Просмотров: 27754 В стандартной корзине Битрикс не хватает кнопки для полной очистки корзины одним нажатием... Создание мобильного приложения на cordova, для любого сайта. Просмотров: 14192 Если стоит задача разработки мобильного приложения для сайта, можете воспользоваться данно... Ссылка и название раздела в списке новостей Битрикс Просмотров: 10517 Если нужно вывести название раздела инфоблока в котором находится конкретный элемент/новос... Изменить размер картинок на лету в битрикс Просмотров: 46794 Встала задачка: на собственном сайте, уменьшить размер превьюшек картинок у анонсов раздел... Определить местоположение пользователя и показать на карте Просмотров: 3270 Задача определить местоположение текущего пользователя и показать его на карте, с меткой. ... Снять ограничение на количество символов в комментарии к заказу магаз... Просмотров: 11554 Как многим известно, в интернет-магазине на Битрикс имеется ограничение на количество симв... Получить множественное пользовательское поле раздела. Значения множес... Просмотров: 357 Задача: У разделов инфоблока есть множественное поле типа список. Зная ID раздела, нужно п... Умный фильтр на главной странице Битрикс Просмотров: 20882 Редкая но востребованная задачка- это вывести компонент "умный фильтр" на главную страницу... Установка веб-сервера LAMP на ubuntu 20.04 LTS, оптимизированный под ... Просмотров: 11425 В последнее время, плотно пересел c macOS на ubuntu, и решил настроить себе полноценное ра... Вывод даты создания элемента в правильном формате в Битрикс Просмотров: 21668 Если нужно вывести дату создания новости, статьи или товара в каталоге, в принципе любого ...