Подключение FTP / SFTP в PHPStorm

Подключение FTP / SFTP в PHPStorm
Автор блога
Дмитрий

Дмитрий

Подключение к сайту через PHPStorm.

В жизни каждого разработчика наступает момент, когда количество инструментов, используемых в работе, начинает «зашкаливать». И тогда возникает вопрос, а можно ли сделать так, чтобы не переключаться между окнами на рабочем столе, а все было в одном? Ответ очевиден – можно.

Давно существует такое понятие как IDE. Эта аббревиатура расшифровывается как Интегрированная Среда Разработки. Основная ее задача облегчить работу разработчика и объединить все инструменты в одном месте. Это могут быть редакторы кода, ftp-менеджеры, отладчики, интерпретаторы и многое другое. IDE – швейцарский нож разработчика.

В современном мире существует масса сред, например: Aptana Studio, Eclipse, NuSphere, PHP Expert Editor, NetBeans. Лидером в этой гонке является компания JetBrains, которая предлагает массу продуктов под разные языки программирования, стеки и задачи на платформе IntelliJ IDEA. Не поверите, но известная всем Android Studio от компании Google, базируется на этой платформе.

Я, как и гости этого блога, занимаюсь веб-разработкой. Для веба, JetBrains предлагает два продукта: WebStorm и PhpStorm. Я не буду подробно расписывать функционал каждой платформы, если в общих чертах, то WebStorm ориентирован на фронтенд: html, css и javascript, а PhpStorm ориентирован на бекенд: php. Это не значит, что они не понимают друг друга, вы можете свободно вести разработку и там, и там. Я занимаюсь бекэнд разработкой, поэтому буду рассказывать на примере PhpStorm.

Предыстория этой заметки послужила статья на этом блоге, про использование ftp-плагина, для замечательного блокнота Notepad++, поэтому начну с того, как использовать встроенный менеджер в Phpstorm. А для этого нам необходимо открыть проект, который мы подключим к серверу, что позволит вести разработку в режиме реального времени.

 

Установка соединения через SFTP / FTP.

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

создание проекта в phpstorm

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

папки проекта

Переходим в меню: Tools > Deployment > Browse Remote Host

меню настроек

Справа в окне программы откроется панель

панель подключения через ftp sftp

Тапаем по многоточию и в появившемся окне выбираем тип подключения.

выбираем тип подключения

В целях безопасности, я предлагаю отказаться от FTP, а использовать SFTP. Вводим имя проекта и нажимаем ОК. Перед нами откроется окно с настройками подключения.

настройки подключения

Сейчас пробежимся по полям, которые нам необходимо заполнить для корректной работы, но сначала переходим во вторую вкладку и ставим / в поле Deployment path

установка корневой директории проекта

После этого должно исчезнуть предупреждение внизу окна: Deployment path is not specified. Возвращаемся на предыдущую вкладку.

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

пункты подключения

  • Host, как правило, это IP адрес
  • User name имя пользователя подключения
  • Password это пароль для доступа к файловой системе
  • Можете отметить чекбокс Save password, чтобы каждый раз не вводить пароль.

Рекомендую проверить соединение, нажав Test Connection. Возможно придется нажать несколько раз ОК, и если введенные данные корректны, вы получите вот такое сообщение.

тестирование подключения

И еще важная настройка это Root path. Я не рекомендую использовать Autodetected, а настроить корневую директорию проекта в ручную. Почему? Во-первых, вам не придется при каждом запуске программы, пробираться через всю файловую систему до нужной директории. И при скачивании и загрузке файлов вы по ошибке не скачаете половину содержимого сервера.

Нажимаете иконку папки и вы увидите список доступных директорий, начиная от корневой. Находим нужную и нажимаем ОК.

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

содержимое директории

 

Работа с файлами на сервере.

В любой момент вы сможете изменить настройки удаленного хоста. А теперь скачиваем весь каталог к себе, нажимает правой клавишей мыши и выбираем Download from here.

загрузка каталога

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

После скачивания вы можете работать с файлами, после чего загружать их обратно. Для этого можно нажать правой кнопкой мыши по листингу самого файла и выбрать Development > Upload to и файл будет закачан на сервер.

загрузка на сервер

Второй вариант проделать ту же операцию, но в левом окне. Кликнув по нужному файлу или группе файлов, или целой директории.

А еще можно то же самое проделать с горячими клавишами, по умолчанию это Ctrl+Alt+Shift+X. Появляется вот такое окно, нажимаете Enter.

горячие клавиши для загрузки на сервер

Прелесть в том, что PhpStorm сама сохраняет файл и вам не нужно думать об этом. Еще одна плюшка, что есть плагин по работе с WordPress и есть возможность авто подстановки функций. Про подсветку синтаксиса я молчу (это само-собой разумеющийся факт).

И напоследок, вы можете работать с файлами удаленно, в левом окне выбираете нужный файл и правой клавишей выбираете edit Remote file.

удалённая работа с файлами в другом окне

Он открывается в основном окне программы.

основное окно программы

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

сравнение двух файлов

Отменить изменения, и закачать файл обратно на сервер.

То, что я описал, это капля в море современных IDE, функционал которых освоить жизни не хватит.

Теперь и вы можете настраивать FTP и SFTP соединение с сайтом в PHPStorm.

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

Дмитрий
Опубликовал - Дмитрий

Автор блога "Заметки для бекенд разработчика". Занимаюсь веб разработкой. Дружу с php, composer, github и с yii. Если понравилась статья, можете поделиться ею в соцсетях (никто не будет против!).


CTRL+D

Бонус для читателей WPMaster.kz. Предлагаю познакомиться с новым разделом на блоге - Промокоды. Только самые лучшие и нужные промокоды для покупок плагинов, тем, обучения, сервисов и т.д.



Вопросы не по теме статьи, задавайте в разделе "Флудилка".

avatar
1000
  Подписаться  
Уведомление о