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

19.02.20

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

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

Скачать файлы

Наименование Файл Версия Размер
Использование веб клиента 1с для мобильных устройств:
.dt 51,08Kb
16
.dt 51,08Kb 16 Скачать

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

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

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

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

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

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

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

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

 

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

 

 

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

 

 

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

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

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

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

См. также

Интеграция Альфа Авто 5 / Альфа Авто 6 и AUTOCRM / Инфотек

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

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

36000 руб.

03.08.2020    15747    10    17    

11

Интеграция 1С — Битрикс24. Обмен задачами

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

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

5040 руб.

04.05.2021    17548    6    15    

13

Интеграция с сервисом vetmanager

WEB-интеграция Платформа 1С v8.3 Бухгалтерский учет 1С:Бухгалтерия 3.0 Бытовые услуги, сервис Платные (руб)

Внешняя обработка разрабатывалась для загрузки документов из Ветменеджер в 1С: Бухгалтерия 3.0

12000 руб.

02.02.2021    16359    42    49    

23

[Расширение] БОР-Навигатор.Культура

Зарплата Бюджетный учет WEB-интеграция Обмен с ГосИС Платформа 1С v8.3 Сложные периодические расчеты 1С:Зарплата и кадры государственного учреждения 3 Государственные, бюджетные структуры Россия Бюджетный учет Платные (руб)

Расширение конфигурации, включающее в себя объекты, необходимые для подготовки и сдачи отчета "Штатная численность" системы "БОР-Навигатор.Культура" в программе "1С:Зарплата и кадры государственного учреждения", редакция 3.1.

8400 руб.

01.02.2019    25741    9    0    

7

Заполнение по ИНН или наименованию реквизитов контрагента по данным сайта ФНС

Обмен с ГосИС WEB-интеграция Платформа 1С v8.3 Управляемые формы 1С:Комплексная автоматизация 1.х 1С:Бухгалтерия 2.0 1С:Управление торговлей 10 1С:Управление производственным предприятием 1С:Управление нашей фирмой 1.6 1С:Бухгалтерия государственного учреждения 1С:Документооборот 1С:ERP Управление предприятием 2 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Комплексная автоматизация 2.х Платные (руб)

Обработка является альтернативой механизму, разработанному фирмой 1С и заполняющему реквизиты контрагента по ИНН или наименованию. Не требуется действующей подписки ИТС. Вызывается как внешняя дополнительная обработка, т.е. используется, непосредственно, из карточки контрагента. Заполнение по ИНН или наименованию реквизитов контрагента по данным сайта ФНС (egrul.nalog.ru) для БП 2.0, БП 3.0, БГУ 1.0, БГУ 2.0, УТ 10.3, УТ 11.x, КА 1.1, КА 2.x, УПП 1.x, ERP 2.x, УНФ 1.5, УНФ 1.6, УНФ 3.0, ДО 2.1

2400 руб.

28.04.2016    88580    160    215    

318
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Steelvan 302 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 215 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 215 26.07.22 19:25 Сейчас в теме
(5)
Да, так и было. При старте 1с , если использовать стандартную 1с - авторизацию, приходится пальцами поработать , это неприятно. Поэтому я не использовал 1с авторизацию.
Если хотите делать, возьмите в точности мой образец, потом меняйте 1 деталь, и смотрите,что получилось.
7. svk 27.07.22 13:12 Сейчас в теме
(6) У вас, скорей всего, нет в конфигурации системных пользователей.. Я пытался сделать это на базе рабочей УТ, где куча пользователей, причем при входе через браузер интерфейс должен был быть другой.. Интерфейс мне удалось нарисовать отдельный для вэб-клиентов, но вот с масштабированием была беда.. Получилось с независимой формой с блокировкой интерфейса, т.е. на заднем плане была немасштабированная 1с, а человек работал в одной этой форме...
P.S. У меня пока нет подписки, поэтому не могу ваш проект поглядеть, а ради интереса подписку брать не хочется.
Спасибо.
8. bulpi 215 28.07.22 11:28 Сейчас в теме
(7)
Да, была самописаная конфа.
Могу выслать на почту.
9. пользователь 28.07.22 14:53
Сообщение было скрыто модератором.
...
Оставьте свое сообщение