Использование веб клиента 1С для мобильных устройств

19.02.20

Интеграция - WEB-интеграция

Все знают, что нужно делать, чтобы 1С заработала на мобильном устройстве. Умные дяди из 1С написали мобильное приложение, а недавно и мобильный клиент. А можно ли обойтись без этих приложений?

Скачать файл

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование По подписке [?] Купить один файл
Использование веб клиента 1с для мобильных устройств:
.dt 51,08Kb
18
18 Скачать (1 SM) Купить за 1 850 руб.

Представьте себе, уважаемые коллеги, что нужно сделать приложение для мобильных устройств так, чтобы оно работало, но при этом ничего не нужно было устанавливать на телефоны пользователей. Не бывает ? Еще как бывает! Реальная задача из моей жизни : аренда спецодежды. Тысячи конечных пользователей по всей стране, которые должны иметь возможность считать qr код и получить возможность отправить куда-то заявку на ремонт или модификацию спецодежды. Никто качать ничего не будет, все должно работать с теми приложениями, которые у всех и так есть. Что мы имеем со стороны 1с ? Веб-клиент! Но ведь он не для мобилок! Но попробовать то можно. Вот я и попробовал. Что-то получилось. Потом еще другая была задача. Теперь решил выложить вам тестовый пример.
Сразу предупреждаю, любимый читатель : дальше мы вступаем на скользкий путь костылей и велосипедов. Если есть возможность делать как положено, то на этот путь лучше не идти. 1с при первом запуске в браузере честно предупреждает, что система не годится. Но стартует.

Замечания по разработке для веб-клиента на мобильном устройстве:

1.Формы масштабируются удивительным и непредсказуемым образом. Чтобы это побороть, все нужно делать в ОДНОЙ форме. Не получится (у меня не получилось) толково открывать другую форму из первой. Все в одной форме, но на разных закладках. 

2.По возможности даже авторизацию лучше сделать свою (см. пример ниже). Иначе в первый раз пользователь намучается вводить имя в стартовом окне 1с.

3.Плохо себя ведут поля ввода для текстовых реквизитов. Приходится использовать поле текстового документа.

4.При открытии закладки приходится делать недоступными все редактируемые поля (строки, числа,даты), иначе поплывет форма. А уже потом обработчиком ожидания делать их доступными. 

В общем, все сложно, даже то, что обычно просто.

В качестве тестового примера выкладываю простенькую базу, в которой реализованы задачи пользователей. Ее нужно развернуть и опубликовать на веб-сервере. Есть справочник Пользователи с двумя элементами - Пользователь1 (пароль для входа 1) и Пользователь2 (пароль для входа 2). При входе через веб-клиент попадаем на закладку авторизации:

 

Кнопка Открыть список задач перебрасывает на закладку со списком задач, где этот пользователь либо автор, либо исполнитель. Красным выделены просроченные задачи.

 

 

По кнопке Открыть переходим на закладку с реквизитами задачи:

 

 

По кнопке Создать - то же, но для новой задачи.

Сам по себе пример не имеет серьезной ценности. Это просто демонстрация возможности. Однако несколько более сложная подсистема у меня реально работает для менеджеров. Тестировал на Андроид и Ios (на тех телефонах, которые у наших менеджеров были).
П.С. : рисунки плохие, т.к. это скриншоты с мобилки.

Разработка велась на 1с 8.3.13. Конфигурация не имеет значения, это просто тестовый пример.

Использование веб клиента мобильных устройств

См. также

Сайты и интернет-магазины WEB-интеграция Системный администратор Программист Пользователь Платформа 1С v8.3 Конфигурации 1cv8 1С:Управление торговлей 11 Автомобили, автосервисы Россия Управленческий учет Платные (руб)

Интеграционный модуль обмена между конфигурацией Альфа Авто 5 и Альфа Авто 6 и порталом AUTOCRM. Данный модуль универсален. Позволяет работать с несколькими обменами AUTOCRM разных брендов в одной информационной базе в ручном и автоматическом режиме.

36000 руб.

03.08.2020    17780    19    22    

16

Сайты и интернет-магазины Интеграция WEB-интеграция Платформа 1С v8.3 Конфигурации 1cv8 Управленческий учет Платные (руб)

Интеграция 1С и Битрикс 24. Разработка имеет двухстороннюю синхронизацию 1С и Bitrix24 задачами. Решение позволяет создавать пользователя в 1С из Битрикс24 и наоборот. Данная разработка технически подходит под все основные конфигурации линейки продуктов 1С:Предприятие 8.3 (платформа начиная с 8.3.23). При приобретении предоставляется 1 месяц бесплатных обновлений разработки. Доступна демо-версия продукта с подключением Вашего Битрикс24

5040 руб.

04.05.2021    19844    13    17    

16

WEB-интеграция 8.3.8 Конфигурации 1cv8 Автомобили, автосервисы Беларусь Украина Россия Казахстан Управленческий учет Платные (руб)

Расширение предназначено для конфигурации "1С:Предприятие 8. Управление Автотранспортом. ПРОФ". Функционал модуля: 1. Заполнение регистров сведений по подсистеме "Мониторинг", а именно: события по мониторингу, координаты по мониторингу, пробег и расход по мониторингу, текущее местоположение ТС по мониторингу 2. Заполнение путевого листа: пробег по мониторингу, время выезда/заезда, табличная часть ГСМ, места стоянок по геозонам. 3. Отчеты по данным загруженным в регистры сведений. 4. Предусмотрена автоматическая загрузка данных в фоновом режиме (условия работы данной загрузке читайте в описании товара) Модуль работает без включенной константы по настройкам мониторинга. Модуль формы предоставляется с открытым кодом, общий модуль защищен. Любой заинтересованный пользователь, имеет возможность скачать демо-версию расширения.

22656 руб.

25.05.2021    14421    42    8    

18

WEB-интеграция Программист Руководитель проекта Платформа 1С v8.3 Конфигурации 1cv8 1С:Франчайзи, автоматизация бизнеса Платные (руб)

Расширение значительно упрощает написание API на 1С. Веб программисты получают простой и понятный доступ к 1С. Описание API создаётся автоматически и представляется в виде удобном как для человека, так и для программной обработки.

24000 руб.

27.09.2024    1168    1    0    

3
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. Steelvan 306 19.02.20 11:49 Сейчас в теме
Есть такая штука, называется pwa.
Только не клей ПВА, а Прогрессивное веб-приложение (англ. progressive web app, PWA) — технология в веб-разработке, которая добавляет сайтам возможности приложений для мобильных устройств,
трансформирует сайт в приложение, гибрид сайта и приложения для мобильных устройств, продукт совместной эволюции мобильного сайта и классического платформенного приложения.
В частности, PWA обладают такими признаками:

Устанавливаются на смартфоны или планшеты пользователей.
Работают в режиме автономно благодаря запоминанию содержимого.
Доставляют пользователям толчок-уведомления.
Технологию PWA поддерживает Google.
Обозреватель Chrome остается единственным веб-обозревателем, который полностью поддерживает функции PWA на апрель 2019 года.

Прямо из обозревателя его можно поставить на главный экран телефона, и оно будет отправлять толчок-уведомления и получит доступ к аппаратным средствам устройства.
И все это даже при нестабильном подключении или вне сети.
PWA-приложения ставятся на умнофон пользователя в обход официальных магазинов приложений и несмотря на запрет ставить приложения с неизвестных источников.

В настольном обозревателе progressive web app остается обычным сайтом.
А когда посетитель открывает его в мобильном обозревателе, PWA превращается в гибрид сайта и приложения.

Для пользователей преимущества не менее значимы: не занимает место в памяти телефона (за исключением кэш),
нет необходимости скачивать приложение из магазинов.
Одно из самых важных преимуществ — это отсутствие посредника в лице магазинов приложений App Store и Google Play.
Технология прогрессивных веб-приложений это лишнее звено полностью исключает.

PWA пользуются известные компании, например, Uber, Tinder, Twitter и другие.
Использование прогрессивного приложения ускоряет загрузку сайтов на порядок.

Чтобы добавить на сайт функциональность прогрессивного приложения, необходимо создать файлы web-manifest и service-worker.[1]
Это можно сделать вручную или с помощью генераторов и дополнений.
Например, на сайтах под управлением WordPress функциональность PWA реализуется в несколько щелчков без специальных знаний.

Термин PWA придумали дизайнер Фрэнсис Берримэн (Frances Berriman) и инженер Google Chrome Алекс Рассел (Alex Russell) еще в 2015 году.
Уже сейчас все параметры технологии Progressive Web Apps дают основание считать эту разработку технологией будущего.
Она активно продвигается Google, и это определенно сыграет свою роль в распространении веб-приложений PWA.

Давайте посмотрим, как это работает.
Пользователь заходит на сайт с поддержкой технологии и уже после второго посещения получает от обозревателя предложение добавить его PWA на главный экран.
Если пользователь принимает предложение, значок сайта мгновенно появляется на экране мобильного устройства.
После установки PWA создает образ сайта в памяти телефона и далее бывший сайт становится почти полноценным мобильным приложением.
Это решает две задачи: повышает скорость загрузки и делает сайт доступным автономно.
Далее, при необходимости, обмен с сервером происходит только http запросами для получения данных с сервера или приложение полностью работает автономно. Данные пользователя, вводимые в таком приложении, могут храниться автономно почти как в базах sqlite.

Согласитесь, разница между закладкой в обозревателе и иконкой на рабочем столе телефона очевидна.
2. bulpi 217 19.02.20 14:19 Сейчас в теме
(1)
Это очень круто. Спасибо за информацию.
4. user598128_able123 5 28.05.20 19:25 Сейчас в теме
(1) и как такое сделать, еще раз? Чтобы иконка автоматически добавилась на рабочем столе?
3. user598128_able123 5 28.05.20 19:22 Сейчас в теме
по сути получается это сайт, только дизайн адаптирован под мобильные устройства?
5. svk 26.07.22 13:01 Сейчас в теме
Как-то давно пытался так сделать. но никак не получалось сделать так, чтобы 1с "урезалась" по ширине экрана...
Всё время скролы были..
Как у вас так получилось??
6. bulpi 217 26.07.22 19:25 Сейчас в теме
(5)
Да, так и было. При старте 1с , если использовать стандартную 1с - авторизацию, приходится пальцами поработать , это неприятно. Поэтому я не использовал 1с авторизацию.
Если хотите делать, возьмите в точности мой образец, потом меняйте 1 деталь, и смотрите,что получилось.
7. svk 27.07.22 13:12 Сейчас в теме
(6) У вас, скорей всего, нет в конфигурации системных пользователей.. Я пытался сделать это на базе рабочей УТ, где куча пользователей, причем при входе через браузер интерфейс должен был быть другой.. Интерфейс мне удалось нарисовать отдельный для вэб-клиентов, но вот с масштабированием была беда.. Получилось с независимой формой с блокировкой интерфейса, т.е. на заднем плане была немасштабированная 1с, а человек работал в одной этой форме...
P.S. У меня пока нет подписки, поэтому не могу ваш проект поглядеть, а ради интереса подписку брать не хочется.
Спасибо.
8. bulpi 217 28.07.22 11:28 Сейчас в теме
(7)
Да, была самописаная конфа.
Могу выслать на почту.
9. пользователь 28.07.22 14:53
Сообщение было скрыто модератором.
...
Оставьте свое сообщение