Привет, codeby.net!
Вводная информация
Создаем модуль. Часть 2
В данной статье мы разберем что из себя представляет WiFi Pineapple изнутри и настроим рабочую среду для комфортной разработки в будущем.
Одно из преимуществ ананаса это то что можно разрабатывать собственные модули тем самым расширив функционал устройства на основе API. Это дает нам возможность не тратя много времени автоматизировать рутинную работу что позволит в будущем гораздо эффективней проводить аудит беспроводных сетей.
Прежде чем начать нам надо разобраться с чем мы имеем дело. WiFi Pineapple использует кастомизированную прошивку
Ссылка скрыта от гостей
от hack5. Веб-интерфейс построен с использование технологий
Ссылка скрыта от гостей
,
Ссылка скрыта от гостей
,
Ссылка скрыта от гостей
в качестве веб сервера используется
Ссылка скрыта от гостей
.Чтобы разработать модуль надо знать перечисленные технологии:
- php5
- Shell Scripts
- Angular 1
- Bootstrap 3
- JavaScript
- HTML
- CSS
/pineapple/modules
. Для лучшего понимание как пишутся модули рекомендую изучить этот каталог и разобраться в их коде.Когда мы получили минимальное представление что находится внутри ананас и на каких технологиях строятся модули. Приступим к настройке рабочей области. Описанный мною метод является не единственный способ организации рабочего процесса но для меня это наиболее комфортная реализация.
Для начало скачаем
Ссылка скрыта от гостей
и настроим WiFi Pineapple если вы этого еще не сделал.Настраиваем WiFi Pineapple:
Моя основная машина MacBook. Настроить подключение анонса через кабель у меня не получилось. Из за этого я использую метод который описал ниже.
Если вы работает на стационарном компьютере или ваша операционная система не Mac OS то вы можете подключить анонс через Y образный кабель не прибегая к использованию WiFi Client Mode.
Суть такова, подключаемся к точки доступа Management, а Pineapple подключать к своему WiFi. Чтобы это сделать вам надо запустить ананас подключиться к нему по WiFi и перейти в админ панель по адресу
Ссылка скрыта от гостей
. После того как вы авторизовались перейдите в раздел Networking.![25702 25702](https://codeby.net/data/attachments/22/22308-ba43eefc870b1e8b423cb7d082af0e25.jpg)
С правой стороны находим WiFi Client Mode и подключаемся к WiFi.
![25703 25703](https://codeby.net/data/attachments/22/22309-d945b865f746179fad1d174af032a1aa.jpg)
После нам надо зайти на сам ананас по ssh и создать там папку с будущем модулям.
Код:
ssh root@172.16.42.1
cd /pineapple/modules/
mkdir PineappleModule
На этом настройка анонса закончена, переходим к настройки проекта.
Настраиваем PhpStorm:
Открываем PhpStorm создаем новый проект.
![25704 25704](https://codeby.net/data/attachments/22/22310-04dbb2a6f3dcdd79626f26eabc4c4001.jpg)
![25705 25705](https://codeby.net/data/attachments/22/22311-acc6b5e8d1fded7a89f275898208b527.jpg)
Проект создан, теперь надо настроить синхронизацию файлов проекта с ананасом. Откроем
Browser Remote Host
. Что бы это сделать вверху найдем вкладку tools
раскроем список deployment
и выберем Browser Remote Host
.![25713 25713](https://codeby.net/data/attachments/22/22319-a431bf69d3b59058fc1cc41cf9a2431e.jpg)
Справа откроется панель найдем кнопку с тремя точками и нажмем на нее.
![25706 25706](https://codeby.net/data/attachments/22/22312-0abdfe02a8760e56dabd0b962c269bee.jpg)
Укажем любое имя сервера, выбираем type sftp и нажмем ок.
![25707 25707](https://codeby.net/data/attachments/22/22313-5974c646c04aff17287038ae74949556.jpg)
Откроется новое окно где нам надо будет заполнить данные для подключения по sftp (не пропустите
Root path
тут надо указать путь к модулю от корня на ананасе).![25708 25708](https://codeby.net/data/attachments/22/22314-f523b60a538859e2c874844e950742d1.jpg)
Перейдем на вкладку Mappings и настроим Deployment path. Тут надо указать просто
/
.![25709 25709](https://codeby.net/data/attachments/22/22315-bb76622d92fb3c40a9d22636b1d465ad.jpg)
Осталось настроить auto deployment при нажатии комбинации клавиш
ctrl + s
. Найдем в верхнем меню preferences, у мен это выглядит так.![25714 25714](https://codeby.net/data/attachments/22/22320-f0281338941e82ce1c2f1144dd1e4f39.jpg)
Откроется окно с настройками. В строке поиска введем sftp слева список настроек уменьшиться выбираем из тех что есть options. Найдем надпись
Upload changed files automatically to the default server
и выбери там On explicit save action
.![25710 25710](https://codeby.net/data/attachments/22/22316-0c0d828f1c6413c4b498652f0d05a6e0.jpg)
Нажимаем Apply замет Ok. На этом настройка проекта закончилась осталось проверить правильно ли мы все настроили. Создадим в проекте файл
module.info
нажмем ctrl + s
и видим то что файл появился справа.Вот мы создали файл локально
![25712 25712](https://codeby.net/data/attachments/22/22318-596737ca6fcb49f262d51cfaba2b9b95.jpg)
После сохранения (ctrl + s) файл попал на ананас
![25711 25711](https://codeby.net/data/attachments/22/22317-436601a0dfb4b975b92f11ea03a0fb6d.jpg)
Думаю вы уже догадались зачем зачем настраивать проект таким образам. Ну а если нет поясню) Все эти манипуляции сделаны для того чтобы мы могли моментально видеть все наши изменения а не тратить время на залив файлов через терминал и не добавлять мелкие правки посредством vim дабы увидеть результат.
Надеюсь статья была полезной, у меня на этом все. В следующем уроки разберем базовую структуру модуля
Последнее редактирование: