NuxtJS + 1C. Личный кабинет контрагента

Nuxt-фронтенд для 1С без отдельного backend: авторизация через внешних пользователей, заказы и каталог — сервером служит сама 1С.

3 000 ₽

Что вы получите

Создадите проект на NuxtJS и оформите интерфейс на готовых компонентах VuetifyJS
Настроите авторизацию контрагента через внешних пользователей 1С
Поднимете HTTP-сервис в расширении 1С, который отдаёт данные фронтенду
Реализуете просмотр, создание, редактирование и удаление заказов
Соберёте форму подбора номенклатуры с пагинацией и поиском
Опубликуете Nuxt-проект на веб-сервере в открытом доступе

Для кого этот курс

1С-разработчики, которым нужен современный веб-интерфейс без отдельного backend-сервера
Те, кто хочет собрать личный кабинет контрагента быстрее, чем через Django/Python-стек
Разработчики, изучающие Vue/Nuxt и желающие применить его к задачам 1С
Команды без выделенного Python/Node-бэкендера — фронтенд говорит с 1С напрямую

Разработай мини сайт на современном фреймворке nuxtjs для оформления заказов контрагентами.

На занятии разработаем полноценный frontend (сайт) для 1С:УТ 11.4.

Сайт создается на основе javascript фреймворка NuxtJS.

Возможности сайта:

  • Авторизация контрагентов
  • Вывод списка заказов
  • Добавление новых заказов

На стороне 1С все будет разработано в расширении.

Никаких специальных знаний HTML, CSS для стилизации не нужно, так как сайт будет работать на основе готовой библиотеки компонентов VuetifyJS.

Выполним размещение (деплой) нашего проекта в интернете.

Если вас заинтересовала данная тема, то записывайтесь на занятие прямо сейчас.

 

Чему вы научитесь:

Настраивать окружение.

Устанавливать NodeJS, и создавать шаблонный проект NuxtJS. Разработку будем вести в WebStorm.

Создадим проект frontend. 

Frontend для 1С мы разработаем на javascript фреймворке NuxtJS.

Разработаем систему аутентификации пользователя на сайте через внешних пользователей в типовых конфигурациях 1С.

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

Для удобства заполнения создадим форму подбора номенклатуры, с пагинацией и поиском по части строки.

Примерный результат на видео ниже.

Создадим backend на 1с.

Разработаем http сервис на 1С, который будет отдавать всю необходимую информацию для frontend на nuxtjs.

Выполним публикацию проекта.

Опубликуем наш проект NuxtJS на сервере в интернете.

Nuxt-проект и Vuetify без HTML/CSS с нуля

Суть блока

Создаём NuxtJS-проект с нуля: установка Node.js, разработка в WebStorm, интерфейс на готовой библиотеке компонентов Vuetify. Глубокие знания HTML/CSS не нужны — собираем из готовых блоков.

1С как backend без отдельного сервера

Суть блока

Бэкенд — сама 1С, а не отдельное Python/Django-приложение: расширение поднимает HTTP-сервис, который отдаёт фронтенду номенклатуру и заказы. Не нужно поднимать и администрировать отдельный сервер — весь бэкенд уже есть.

Авторизация через внешних пользователей

Суть блока

Контрагент логинится с фронтенда напрямую в 1С через штатный механизм внешних пользователей (ВнешниеПользователи) — без отдельной таблицы пользователей на стороннем сервере. Меньше кода, меньше точек отказа.

Заказы и каталог

Суть блока

Прикладная функциональность личного кабинета: просмотр, создание, редактирование и удаление заказов, форма подбора номенклатуры с пагинацией и поиском. Рабочий B2B-кабинет контрагента на Nuxt.

Публикация проекта

Суть блока

Публикуем готовый NuxtJS-фронтенд на веб-сервере — выводим приложение в интернет, доступное контрагентам. Финальный шаг от локальной разработки до боевого сайта.

Часто задаваемые вопросы

Готовы начать обучение?

3 000 ₽