Регистрация в JupyterHub

Регистрация в JupyterHub

Для регистрации в JupyterHub необходимо открыть браузер и перейти по адресу https://it.vstu.by/jupyterhub/.

{#fig-jupyter-login fig-align=“center”}

Для регистрации, необходимо кликнуть по ссылке “Sign up”.

{#fig-jupyter-signup fig-align=“center”}

В этом окне необходимо заполнить имя нового пользователя пароль и повторить пароль.

Внимание!

Имя пользователя должно быть в формате: группа_фамилия например: ит-1_иванов {#fig-jupyter-confirm fig-align=“center”}

После того, как вы создали пользователя, его должен подтвердить преподаватель.

После подтверждения преподавателем, вы сможете войти в систему на странице “Login”.

Выполнив вход в JupyterHub, вы увидите следующее окно:

{#fig-jupyter-after-login fig-align=“center”}

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

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

Ноутбуки Python полезны при разработке приложений и решении задач на языке Python. Также поддерживаются некоторые другие языки.

Запуск VS Code через JupyterHub

Через интерфейс JupyterHub можно запустить сессию Visual Studio Code в режиме сервера. Для этого нужно кликнуть на значок “VS Code”. Сессия VS Code Server откроется в новой вкладке браузера.

{#fig-jupyter-vscode fig-align=“center”}

Каждый пользователь запускает свой собственный экземпляр VS Code Server и настройки сохраняются в домашнем каталоге пользователя. Окно браузера можно закрыть в любой момент и продолжить работу на другом компьютере, состояние сессии VS Code сохраняется на сервере. Файлы, с которыми работает VS Code, хранятся на сервере, в домашнем каталоге пользователя. Поддерживается установка расширений.

{#fig-vscode-php}

Разработка на PHP в VS Code Server

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

{#fig-vscode-new-folder fig-align=“center”}

Созданный каталог нужно открыть в качестве рабочего. Это можно сделать в основном меню VS Code.

{#fig-vscode-folder}

Выбираем каталог

{#fig-vscode-choose-folder}

Создадим в каталоге файл index.php.

{#fig-vscode-create-file}

Создадим простейший скрипт PHP

{#fig-vscode-hello-world}

Чтобы запустить этот скрипт, можно запустить development-сервер PHP.

Запуск development веб-сервера

Для запуска веб-сервера нужно открыть терминал в VS Code.

Открыть терминал можно нажав сочетание клавиш “Ctrl+`” (контрол + тильда) либо выбрав пункт основного меню View/Terminal.

Для запуска сервера в терминале, можно ввести слудующую команду:

1php -S 127.0.0.1:40080 -t ./

Где

• 127.0.0.1 – ip адрес, на котором будет работать сервер. Нужно использовать именно этот адрес, либо localhost

• 40080 – порт, на котором будет ожидать подключений сервер. Порт должен быть разный у каждого из одновременно работающих пользователей.

  Подсказка

  Номер порта рекомендуется выбрать равным 40000+номер_компьютера. Например, если ваш номер компьютера 7, то нужно использовать номер порта 40007. :::

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

{#fig-vscode-php-webserver}

Веб-сервер запускается на удаленной машине и для доступа к нему VS Code Server выполняет “проброс” порта. Какие порты “проброшены” в данный момент можно увидеть, если кликнуть по кнопке “Forwarded Ports” в панели статуса VS Code.

{#fig-vscode-forwarded-ports}

Подключиться к запущенному веб-серверу через проброшенный порт можно кликнув на кнопку в виде земного шара “Open In Browser”.

Откроется новая вкладка браузера и мы увидим что наш PHP скрипт успешно выполняется.

{#fig-vscode-webserver-connect}

Дальше мы можем продолжать разработку нашего PHP скрипта и для повторного его запуска будем просто обновлять вкладку браузера открытую на предыдущем шаге.

Чтобы остановить веб-сервер, можно вернуться в окно терминала и нажать сочетание клавиш “Ctrl+c”.