Перейти к содержимому курса
Контент-менеджер
Мой сертификат
Урок 1 из 14

Урок 1. Начало работы: вход на сайт

В этом уроке вы научитесь
  • устанавливать демосайт, если рабочего или тестового сайта нет
  • входить на сайт по логину и паролю
  • находить панель управления
  • отличать публичную часть сайта от административной

Перед началом работы нужно выбрать сайт для практики. Если у вас уже есть рабочий или тестовый сайт и логин с паролем, переходите к разделу Войдите на сайт.

Если рабочего или тестового сайта нет, сначала установите демосайт. Для курса достаточно демоверсии 1С-Битрикс: Управление сайтом редакции Бизнес.

Если нет сайта: подготовьте демосайт через Docker

Docker — это бесплатная программа, которая позволяет установить и запустить учебный сайт на вашем компьютере, не размещая его в интернете.

В пошаговой инструкции установим Docker, подготовим файлы демосайта и запустим мастер установки 1С-Битрикс. Перед установкой разберемся, как открыть консоль и работать с командами.

Пошаговая установка демосайта через Docker

Начнем с короткой подготовки: откроем консоль и разберемся, какие строки нужно вводить, а какие служат пояснениями.

Консоль — это программа, в которую вводят текстовые команды, чтобы указать компьютеру, что нужно сделать. В разных операционных системах она может называться по-разному: командная строка в Windows или терминал в macOS и Linux.

Как открыть консоль:

  • Windows Откройте поиск или меню Пуск, введите cmd, нажмите на приложение правой кнопкой мыши и выберите Запуск от имени администратора.
  • macOS Нажмите Command + Пробел, введите Терминал и нажмите Enter.
  • Linux Нажмите Ctrl + Alt + T.
Командная строка Windows, запущенная от имени администратора

Команды для консоли будут оформлены отдельными блоками. Например:


   # перейдите в папку сайта
   cd /opt/www/
   

Строки, которые начинаются с #, — пояснения. Их не нужно вводить в консоль.

Остальные строки — команды. Когда дойдете до них, скопируйте команду, вставьте ее в консоль и нажмите Enter. Дождитесь, пока выполнится одна команда, и только потом переходите к следующей.

1. Установите Docker для демосайта

Установка зависит от операционной системы. Для Windows и macOS нужно приложение Docker Desktop. В Linux Docker устанавливается через консоль.

Если у вас Windows или macOS

Перейдите на официальный сайт Docker Desktop, скачайте установщик для своей операционной системы и запустите его.

Если у вас Windows, установщик спросит, делать ли Docker доступным для всех учетных записей на компьютере или только для текущего пользователя. Для учебной установки подходит вариант All-users.

Сразу после открытия Docker попросит согласиться с правилами использования — нажмите Accept. Без этого программа закроется.

Окно лицензионного соглашения Docker Desktop с кнопкой Accept

В macOS также может появиться запрос разрешить Docker находить устройства в локальной сети. Нажмите Разрешить, иначе сайт может не открыться в браузере.

Затем Docker предложит зарегистрироваться. Нажмите Skip. Для установки демосайта аккаунт не нужен.

Окно входа в Docker Desktop со ссылкой Skip

Для работы Docker Desktop на Windows обычно используется WSL — встроенная подсистема Linux. Если Docker попросит обновить WSL, откройте консоль, выполните команду wsl --update, дождитесь завершения и перезапустите Docker Desktop.

Если у вас Linux

Откройте консоль и по очереди выполните две команды. Система может один раз попросить ваш пароль от компьютера.


   # скачайте и установите Docker
   curl -fsSL https://get.docker.com -o get-docker.sh && sudo sh get-docker.sh
   # разрешите запуск последующих команд без постоянного ввода sudo
   sudo usermod -aG docker $USER && newgrp docker
   

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

2. Скачайте файлы демосайта

  1. Откройте репозиторий с файлами на GitHub.
  2. Найдите зеленую кнопку Code. Она находится в правой верхней части списка файлов.
  3. В выпадающем меню нажмите самую нижнюю строчку Download ZIP.
  4. Кнопки Code и Download ZIP в репозитории env-docker на GitHub
  5. Распакуйте скачанный архив. В нем вы увидите папку env-docker-main.
  6. Создайте на рабочем столе папку my-bitrix-site и переместите в нее скачанную папку env-docker-main.

3. Настройте пароли базы данных демосайта

Сайту нужно хранить информацию — для этого используется база данных.

Внутри папки env-docker-main есть два файла: .env_sql и .env_push.

Имена этих файлов начинаются с точки, поэтому в macOS и Linux они могут быть скрыты.

Чтобы их отобразить:

  • в macOS нажмите Command + Shift + точка
  • в Linux нажмите Ctrl + H

Если все на месте, переходите к настройке паролей.

  1. Откройте файл .env_sql в блокноте. Внутри будут строки:
    
       MYSQL_ROOT_PASSWORD="CHANGE_MYSQL_ROOT_PASSWORD_HERE"
       POSTGRES_PASSWORD="CHANGE_POSTGRESQL_POSTGRES_PASSWORD_HERE"
       

    Замените текст внутри кавычек на свои пароли. Кавычки оставьте:

    
       MYSQL_ROOT_PASSWORD="MyPassword123"
       POSTGRES_PASSWORD="AnotherPassword456"
       

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

  2. Откройте файл .env_push и придумайте секретный ключ.
    
       PUSH_SECURITY_KEY=CHANGE_SECURITY_KEY_HERE
       

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

4. Откройте папку демосайта в консоли

Если консоль закрыта, откройте ее снова и перейдите в папку env-docker-main. Для этого введите cd, пробел и путь к папке.

Чтобы узнать путь, откройте папку env-docker-main и посмотрите на адресную строку в верхней части окна. В Windows и Linux кликните по пустому месту в адресной строке: появится полный путь, который можно выделить и скопировать. В macOS нажмите на папку правой кнопкой мыши, зажмите Option и выберите Скопировать путь до....

В Windows команда будет выглядеть так:


   cd C:\Users\Username\Desktop\my-bitrix-site\env-docker-main
   

5. Запустите контейнеры демосайта

Когда окажетесь в папке env-docker-main, выполните команду:


   docker compose up -d
   

Начнут загружаться и запускаться контейнеры — специальные коробки, которые содержат все необходимое для работы будущего демосайта. Процесс может занять до 10 минут.

Если команда завершилась с ошибкой, закройте и снова откройте консоль. Перейдите в папку env-docker-main и еще раз выполните команду запуска контейнеров.

6. Скачайте установщик bitrixsetup.php

Теперь нужно загрузить файл bitrixsetup.php, который запустит установку.

В консоли выполните команды:


   # войдите внутрь контейнера под пользователем bitrix
   docker compose exec --user=bitrix php sh
   # перейдите в папку сайта
   cd /opt/www/
   # скачайте файл для установки продукта
   wget https://www.1c-bitrix.ru/download/scripts/bitrixsetup.php
   

7. Запустите установку демоверсии

Откройте браузер и перейдите по адресу:


   http://localhost:8588/bitrixsetup.php
   

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

8. Завершите установку демоверсии

После распаковки откроется мастер установки.

  • На первом шаге ничего выбирать не нужно. Нажмите Далее.
  • На следующем экране примите лицензионное соглашение.
  • На странице регистрации продукта снимите галочку в поле Я хочу зарегистрировать свою копию продукта и нажмите Далее.
  • В окне предварительной проверки посмотрите результаты и нажмите Далее.
  • На шаге настройки базы данных укажите параметры.

    Параметры базы данных

    • Сервер: mysql
    • Пользователь базы данных: новый
    • Имя пользователя: произвольное имя, например user
    • Пароль: произвольный пароль пользователя для доступа к базе данных
    • База данных: новая
    • Новая база данных: имя создаваемой базы данных, например sitemanager

    Параметры администратора базы данных

    • Логин: root
    • Пароль: тот, который вы придумали и записали в .env_sql
    Параметры создания базы данных в мастере установки 1С-Битрикс
  • Дождитесь установки продукта.
  • Создайте администратора сайта: укажите произвольные логин, пароль, почту, имя и фамилию. Затем нажмите Далее.
    Параметры администратора сайта в мастере установки 1С-Битрикс
  • В окне выбора решения выберите Интернет-магазин.
  • Затем мастер предложит выбрать шаблон, цвет темы, название сайта, логотип, типы плательщиков, способы оплаты и доставки. Для учебного сайта можно оставить значения по умолчанию и нажимать Далее.
  • Дождитесь завершения установки решения. Когда появится кнопка Перейти на сайт, нажмите ее.

Демосайт готов

Установка демосайта завершена.

Если Docker не подходит

Установите демоверсию через виртуальную машину. Инструкция есть в Справочнике — на странице Как установить демоверсию 1С-Битрикс: Управление сайтом.

После установки демосайта откройте его и переходите к разделу Войдите на сайт.

Войдите на сайт

Пока вы не авторизовались, сайт показывает только то, что видят посетители: страницы, меню, новости, каталог. Авторизация — ваш пропуск к работе.

После входа появится панель управления. С нее начнутся почти все действия в курсе.

Откройте сайт, на котором будете практиковаться. Обычно ссылка для входа находится в верхней части сайта.

Ссылка «Войти» в верхней части сайта

Нажмите ссылку для входа — откроется форма авторизации. Введите логин и пароль, затем нажмите Войти.

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

Форма авторизации с полями логина и пароля

Если отдельной ссылки на вход нет, откройте административный раздел. Для этого допишите к адресу сайта /bitrix/. Например, https://example.ru/bitrix/.

Вход через соцсети

Если в форме входа есть иконки соцсетей, значит, на сайте доступна авторизация через эти соцсети. Нажмите нужную иконку и введите запрашиваемые данные. В зависимости от соцсети может открыться отдельная страница для ввода логина и пароля.

При первом входе через соцсеть будет создан новый аккаунт. Чтобы использовать соцсеть для входа в существующий аккаунт, сначала привяжите ее на странице своего профиля в 1С-Битрикс: Управление сайтом.

Двухэтапная авторизация

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

Это полезная защита: даже если пароль попадет к посторонним, без второго подтверждения войти в аккаунт не получится.

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

Защита входа

Подробнее о том, как работает механизм и какие способы подтверждения доступны, читайте в статье Двухэтапная авторизация.

Как понять, что вы вошли

Если все получилось, в верхней части сайта появится панель управления.

Развернутая панель управления в публичной части сайта

Панель может быть свернута. Тогда нажмите Развернуть в правом верхнем углу панели.

Кнопка «Развернуть» на свернутой панели управления

Панель управления — ваш главный инструмент. Через нее можно перейти к редактированию страницы, включить режим правки, открыть административный раздел и выполнить другие рабочие действия.

Панель может быть скрыта из-за прав или настроек сайта

Если вы вошли, но панель управления не появилась, не пытайтесь войти повторно. Причина может быть не во входе, а в правах учетной записи или настройках главного модуля. Обратитесь к администратору сайта.

Публичная и административная части

В 1С-Битрикс: Управление сайтом есть две основные рабочие зоны.

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

Публичная часть сайта со списком новостей

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

Административная часть — это внутренний раздел для управления сайтом. Обычные посетители его не видят. Перейти в нее можно через вкладку Администрирование на панели управления.

Вкладка «Администрирование» на панели управления

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

Рабочий стол административного раздела

Пока запомните:

  • быстрые правки удобно делать в публичной части
  • искать и управлять материалами удобнее в административной части

В следующих уроках мы будем переходить между этими зонами по мере необходимости.

Чек-поинт

Теперь вы знаете, как войти на сайт и где находится рабочее место контент-менеджера.

В следующем уроке решим первую практическую задачу: исправим текст прямо на странице через режим правки.

А пока закрепите результат: ответьте на вопросы и выполните практику.

Проверьте себя
Вы хотите быстро исправить текст и сразу увидеть, как он выглядит на странице. Где удобнее начать?
Практика: войдите и найдите панель

Откройте сайт, на котором будете учиться работать с материалами. Ваша задача — войти, найти панель управления и понять, где находятся публичная и административная части сайта.

Если рабочего или тестового сайта нет, сначала подготовьте демосайт через Docker или виртуальную машину, а затем выполните шаги.

  1. Откройте сайт, на котором будете практиковаться.
  2. Войдите по логину и паролю.
  3. Найдите панель управления в верхней части страницы.
  4. Посмотрите, где находится публичная часть сайта.
  5. Найдите переход в административную часть.