Web разработка для android

Среда веб-разработки на Android

Прелюдия

Здравствуйте, уважаемые хабраюзеры.

На написание данной статьи меня сподвиг пост хабровчанина ilichme — Десктоп – давай, до свидания!. Поэтому, сегодня более детально поговорим о том есть ли жизнь на Марсе насколько возможно и удобно писать код на устройстве с Android на борту. Сразу оговорюсь — обсуждать буду только планшеты, так как о прелестях кодирования на смартфоне и так все ясно. Хоть и речь не о написании кода, а об организации рабочего пространства, которое будет максимально удобным для разработки в условиях, где нет любимых IDE и т.д.

В свое время, когда покупал планшет, одним из критериев выбора было наличие удобной клавиатуры, так как я тогда знал, зачем покупаю сей девайс. А так как выбор в данном секторе небольшой, то остановился на ASUS Transformer. Это я к тому, что если у вас есть реальная необходимость писать код «на коленке», в условиях, которые не способствуют этому — значит статья для вас. Хотя она совсем не претендует на подробное пособие и решение ваших проблем (так как запросы у всех разные). А если уже говорить о запросах — эта стать скорее всего повод развить тему более подробно и поделиться опытом. Я уверен, что где-то существует еще не один вариант решения таких задач, под разные уровни работы.

Что будем обсуждать?

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

Так вот, некоторое время назад, я осознал, что много полезного времени теряю в дороге. Конечно, можно просто наслаждаться отдыхом, но иногда в голову приходят неожиданные решения разных рабочих проблем, которые нужно отработать прямо сейчас, ибо потом потеряешь мысль. Или просто хочется писать код — часто так бывает. В общем, время терять нельзя. Но, как назло, Android не самая удобная система для веб-разработки. Разработчики почему-то не очень спешат делать удобные редакторы кода или локальные сервера для отладки. Да вы все сами знаете и понимаете.

Техническое задание

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

• Удобный редактор кода, с подсветкой синтаксиса, с возможностью просмотра результата в браузере, функциями undo\redo, с выбором кодировки и т.д.
• Локальный веб-сервер (имеется в виду полноценный — с PHP, MySQL). Конечно, можно отдельно поставить PHP как? и руками прикрутить MySQL, но я хотел все и сразу
• Так же хотелось иметь встроенный ftp для работы с удаленным сервером (пока не критично)

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

Что я нашел

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

Редактор кода

Как ни странно, но с выбором редактора кода проблем практически не было. Дело в том, что в PlayMarket’е не так уж и много достойных редакторов (по меркам существующих) — на пальцах одной руки можно пересчитать. Некоторые из них были кратко описаны на Хабре раньше — здесь и вот здесь. Поэтому, после коротких тестов и размышлений, я остановился на WebMaster’s HTML Editor — ссылка на PlayMarket. Также есть тема на 4PDA. Всем моим требованиям данная программа отвечает на все 100%, а как бонус даже автозавершение кода есть. Сильно вдаваться в детали не буду, но вот общие моменты:

• Поддерживаемые форматы: .js .htm .html .css .php .php3 .php4 .php5 .txt and .xml;
• Подсветка синтаксиса;
• Встроенные виртуальные клавиши для тэгов и популярных ключевых фраз;
• Undo/Redo

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

Для тех, кому не понравился данный редактор, как альтернативу, могу посоветовать DroidEdit. Он также существует в двух версиях. Но как по мне, он уступает WebMaster’s HTML Editor. Но, это дело вкуса. Все остальные редакторы мне совсем не понравились, так как имеют проблемы или с кодировкой или с работой с большими файлами. А это важно.

FTP-клиент

Для работы с FTP я выбрал программу AndFTP — ссылка на бесплатную версию и на Pro версию. На странице WebMaster’s HTML Editor в PlayMarket разработчики редактора сами рекомендуют использовать данный клиент, да и раньше я встречал неплохие отзывы о нем, так что сразу сделал свой выбор. Относительно ftp я не сильно вдавался в детали, так как мне для работы это не критично, хотя иногда нужно что-то подправить «на лету». Возможно, со временем, эта необходимость станет весомой, и я задумаюсь над лучшей оптимизацией.

Программа позволяет сохранять конфигурации соединений (сервер, логин, пароль), а также предоставляет возможности скачивания/закачивания файлов, синхронизации каталога в сети с каталогом на мобильном устройстве, удаления и переименования файлов, изменения прав доступа. Для защиты ваших данных, программа позволяет использовать SSH RSA/DSA ключи. В общем, стандартный набор нормального ftp-клиента, вот только синхронизация папок, поддержка SCP и импорт настроек из файла доступны в ПРО-версии, которая стоит чуть больше 5$.

Локальный веб-сервер

А теперь поговорим о самом интересно — о локальной среде разработки и отладки написанного кода. Согласитесь, без локального веб-сервера вся идея разработки на планшете ничего бы не стоила. И так приходиться терпеть неудобства с ftp, так если бы еще пришлось работать с удаленным веб-сервером, было бы совсем неудобно. Как для меня, так это очень важный момент.

После некоторого времени поисков, я нашел-таки парочку неплохих решений, таких как kWS — Android Web Server или PAW Server for Android, но они меня не впечатлили.

Я уже было согласился их использовать, но неожиданно наткнулся на очень интересный продукт — KSWEB — server + PHP + MySQL и я сразу понял, что это то, что я так долго искал.

KSWEB — это пакет веб разработчика для платформы Android. В его состав входят: веб сервер, язык программирования PHP версии 5.4 и СУБД MySQL версии 5.1. KSWEB дает возможность организовать на вашем Android устройстве платформу для запуска и отладки веб приложений (сайтов). Все, что вам нужно, это установить приложение. В корне памяти устройства создастся папка htdocs, куда необходимо сохранять ваши файлы. Все, как в любом нормальном веб-сервере. После установки, откроется окно управления сервером.

Первым делом, я установил phpMyAdmin (он не установлен по умолчанию). Необходимо кликнуть на соответствующую кнопку в меню, программа спросит, куда устанавливать (путь оставить по умолчанию, так как он должен установиться в папку веб-сервера). Все файлы сервер скачает и распакует самостоятельно. После этого зайти в phpMyAdmin можно будет через панель управления сервером или через браузер, прописав localhost:8080/phpmyadmin. phpMyAdmin полностью функциональный, версии 3.5.2

Для того, чтобы запустить ваш файл, необходимо в панели управления нажать кнопку GO TO. Сразу откроется браузер по умолчанию, в адресной строке уже будет прописан путь к серверу (localhost:8080/), вам же остается только дописать имя файла. С панели управления также можно перегрузить сервер при необходимости. Кнопка Minimize сворачивает сервер в трей, а кнопка Exit закрывает приложение.

Панель настроек имеет такой вид:

Здесь вы можете указать порт, через который будет работать сервер, можете выбрать другую папку для сервера, заставить сразу грузиться в трей не открывая при запуске главное меню. По умолчанию, KSWEB содержит настроенные конфигурационные файлы сервера, PHP и MySQL. Однако, если вы хотите что-то в них изменить, в опциях сервера кликните на пункт «INI Files». Файлы с настройками будут пернесены на SD-карту вашего устройства по адресу «/mnt/sdcard/ksweb/ini/», если она доступна. Повторно кликнув на пункт настроек «INI Files», будут задействованы внутренние файлы настроек.

В Маркете нет возможности купить платную версию, это вы можете сделать через панель опций программы. Лицензия стоит чуть больше 2$ — смешная цена за столь удобное и полезное приложение.

Вот, собственно, и весь необходимый минимум. Конечно, все это субъективно, и я рад буду услышать дополнения и новые решения. Я же, параллельно с личностным ростом и новыми проблемами, буду искать новые пути и средства решения. Может, в конце-концов, и соберу идеальную среду разработки на Android) Спасибо за внимание.

Источник

Обзор программ для web-разработки на android

Предистория

У меня такая необходимость все же возникла. По воле случая на момент написания статьи прохожу военную службу в вооруженных силах РБ. По началу думал, что буду на полтора года оторван от любимого дела, однако android-телефон спас меня от этого. Сложные какие вещи написать врядли удасться, однако некие небольшие полезности вполне. Все же лучше чем ничего.

1. Android WebEditor Lite

Программа имеет простой интерфейс. Внизу небольшая панель тегов с выпадающим списком, что может быть весьма полезным, если к ней привыкнуть. Имеется поле поиска, которое можно отключить в настройках. Также в настройках можно настроить кодировку текста, размер шрифта и перенос строки. Однако сильно хромает подсветка кода: в php документах лишь синеют символы $. К плюсам можно отнести встроенный ftp клиент с возможностью запуска скриптов (в про версии), и предпросмотр html документов. Плюс ко всему Android WebEditor — плод русского разработчика.

2. Touchqode

Весьма интересная программа. Насыщенный, но в то же время компактный интерфейс. Различные режимы работы: режим просмотра документа, когда при нажатии на текст клавиатура не активируется, и режим редактирования. Присутствует поиск. Самым интересным на мой взгляд является то, что вместе с редактором устанавливается весьма удобная клавиатура, облегчающая процесс написания кода. Однако в ней отсутствует русский язык. В программе присутствует встроенный ftp клиент, а также интеграция с сервисом oneide.com. Большой минус поставлю за отсутствие настроек кодировки текста.

3. SilverEdit

Неплохой редактор с приятным для глаз и интуитивно понятным интерфейсом. В программе нет ничего лишнего: редактор, ftp клиент, предпросмотр (в про версии). Настройки кодировки имеются, правда выбор неполный. Также имеются настройки текста, подсветки, такой немаловажной функции как автосохранение.

4. WebMaster

На вид довольно удобный. Внизу располагается панель с наиболее востребованными символами, которую можно скрыть. Также панель навигации по документу, undo/redo, copy/past. Подсветка синтаксиса отсутствует, однако авторы добавили функцию автодополнения кода для jQuery. Также есть поддержка жестов и горячих клавиш, настройки кодировки, в полной версии доступен предпросмотр.

5. Codeanywhere

Для работы с данным продуктом требуется регистрация в системе. После чего вам предложат добавить ftp/sftp сервер, с которым вы будете работать. Работа с локальными файлами не поддерживается, документы загружаются непосредственно с сервера. В остальном же редактор не выделяется ничем особенным.

6. DroidEdit

На мой взгляд самый удачный выбор. Интерфейс программы составляют две скрывающиеся панели: нижняя с софт клавишами открыть/сохранить, undo/redo и др; правая, в которой показан список последних открытых файлов. Внешний вид редактора настраивается от и до, начиная от размера шрифта и цвета фона и заканчивая настройками подсветки, а она между прочим на высоте. Есть настройки кодировки. Поддерживается работа с dropbox.

Источник

30+ инструментов для профессиональной разработки приложений под Android

В этой статье я собираюсь поделиться некоторыми из лучших инструментов для повышения производительности разработки и создания лучших приложений под Android. Я лично использовал эти инструменты уже довольно давно и нашел их действительно полезными.

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

FlowUp

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

Stetho

Мощная платформа для отладки с открытым исходным кодом под Android, разработанная Facebook. Этот инструмент позволяет отлаживать собственные приложения под Android так же просто, как отладка веб-страниц с помощью инструментов разработчика Chrome и помогает выполнять различные действия, такие как проверка полной иерархии активностей, проверка базы данных SQLite, мониторинг сетевых операций и т. д.

JRebel for Android

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

Gradle Please

Если вы используете Gradle в качестве вашей системы сборки в Android Studio, то вы можете добавить любую внешнюю библиотеку в свой проект только одной строчкой кода.
Но как можно получить эту строчку легко и быстро? Этот сладкий маленький инструмент вам в этом поможет.

Android Asset Studio

Удивительная коллекцияпростых в использовании инструментов для создания различных типов значков (значков запуска, уведомления, общих, ярлыков приложений), которые вам понадобятся при разработке приложений под Android.

LeakCanary

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

DryRun

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

Slides Code Highlighter

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

InstaBug

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

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

Android Debug Database

Удивительный инструмент, который полностью изменяет способ отладки баз данных и общих настроек в приложении под Android. Теперь вы можете просматривать все данные, редактировать их, удалять и запускать SQL-запросы в чистом и красивом пользовательском интерфейсе.

Source Tree

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

GenyMotion

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

Vysor

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

Android Wifi ADB

С помощью этого крошечного, но удивительного инструмента вы можете запустить приложение Android из Android Studio на своем устройстве с помощью Wi-Fi. Вам не нужно держать устройство подключенным к компьютеру с помощью кабеля и наслаждаться технологией разработки и тестирования приложений по беспроводной сети.

FindBugs

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

Drawable Optimizer

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

Scalpel

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

BlockCanary

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

NimbleDroid

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

Methods Count

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

Android Tool for Mac

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

DevKnox

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

JSONSchema2POJO

Мы все сталкиваемся с этим несколько раз, когда у нас есть JSON, и мы хотим сделать из него эквивалентный POJO. Это довольно скучно и отнимает много времени, но именно здесь этот отличный инструмент может пригодиться. Все, что вам нужно сделать, это вставить JSON, и он автоматически сгенерирует все классы POJO.

ADB IDEA

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

Key Promoter

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

Fabric

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

ClassyShark

С помощью ClassyShark вы можете проверить любой Android APK, чтобы получить из него много полезной информации, например, классы, ресурсы, манифест, зависимости и многое другое. Это может дать вам представление о том, что делают другие приложения, и, возможно, о том, как они это делают.

APK DeGuard

Это один из лучших и, вероятно, самый точный деобфускатор для Android-приложений. Он использует машинное обучение для анализа различных приложений и гарантирует, что он обеспечивает наилучший результат каждый раз. Это очень помогло мне в проверке некоторых приложений и понимании того, как они реализуют определенные функции.

Codota

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

Material Design Icon Generator

Этот плагин для Android Studio позволяет получить доступ ко всем значкам material design и настроить их прямо из самой IDE, что значительно сэкономит ваше время при разработке приложений.

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

Источник