Glitch - это платформа, созданная замечательными ребятами из Fog Creek Software, фирмы, известной в Интернете созданием FogBugz, Trello, соавтором Stack Overflow. Большинству программистов также знакомо имя Джоэла Спольски, известного как Joel on Software.
Это краткое введение должно познакомить вас с Glitch и узнать, как и почему вы можете использовать его в своих проектах.
Совет: используйте Bit, чтобы быстрее создавать приложения с помощью компонентов. Легко делитесь и повторно используйте компоненты со своей командой, а также используйте их для создания новых приложений! Попробуйте.
Что такое глюк?
Glitch - это платформа, на которой вы можете создавать приложения Node.js в облаке, публичном или частном, и сотрудничать с ними с другими людьми.
На первый взгляд, у вас может возникнуть соблазн подумать, все не так уж и серьезно, верно? Что это за изображения и цвета, это не для серьезных программистов!
Это ключевой момент. Вы не будете менее опытным или заядлым программистом, если не используете Vim, а вместо этого используете редактор с интерфейсом, который делает работу более увлекательной.
Я использую Glitch уже несколько месяцев и должен сказать, что, на мой взгляд, это действительно потрясающая платформа.
Для чего я его использую? Я использую его для создания быстрых прототипов, я использую его в учебных пособиях, которые пишу в своем блоге, я также использую его для размещения и запуска некоторых скриптов, которые автоматизируют части моего бизнеса.
Примером является сценарий, который я создал для автоматической отправки специального электронного письма человеку, который покупает один из моих продуктов на Gumroad, с уникальным URL-адресом, который он может использовать для доступа к покупке.
Я могу написать небольшое приложение Node, и Glitch дает мне уникальный URL-адрес, который я могу использовать для его вызова из веб-перехватчиков.
Glitch также является отличным способом для демонстрационных проектов, поскольку с его функцией встраивания можно быстро добавить целое приложение или визуализацию исходного кода на любую веб-страницу. Я использовал его для некоторых руководств.
Glitch (в настоящее время) сосредоточен на Node.js. При первом запуске вы можете начать сборку с образца проекта:
Или вы можете сделать ремикс существующего проекта, что является просто другим названием для разветвления:
Когда вы разветвляете проект, вам автоматически назначается новый URL. Затем вы можете изменить этот URL-адрес и выбрать любой свободно доступный URL-адрес, соответствующий вашим предпочтениям.
Ваш проект будет glitch.com/edit/#/your-random-url, и он будет общедоступным на your-random-url.glitch.me.
Я не упоминал, что это совершенно бесплатно для отдельных лиц, хотя он предоставляет платные планы для команд, которые могут использовать его с дополнительными специальными функциями, которые дают возможность более мощного личного общения между участниками проекта.
Чтобы предоставить эту бесплатную услугу большому количеству пользователей, существуют некоторые ограничения, позволяющие поддерживать работу серверов. Приложения, неактивные в течение 5 минут, переводятся в спящий режим, и вы не можете иметь долго работающие приложения (после 12 часов работы они останавливаются), но каждый раз, когда они получают сетевой запрос, они снова просыпаются.
Также существуют некоторые ограничения потребления ресурсов, чтобы приложения не использовали слишком много места или сетевых вызовов.
Эти ограничения очень разумны для самых разных приложений, и я уверен, что у вас уже есть некоторые идеи о том, для чего можно использовать Glitch.
А как насчет данных?
Вы можете создавать файлы и хранить в них данные, потому что файловая система является постоянной.
Встроенной службы базы данных нет, но вы, конечно, можете положиться на любого стороннего поставщика баз данных.
На glitch.com/storage есть множество примеров проектов для интеграции внешних баз данных в ваше приложение:
А как насчет личных данных?
Вы можете создать проект, сделать его общедоступным, а также скрыть некоторую информацию, когда другие люди переделывают его.
Это особенно важно, как вы можете догадаться, с ключами API или чем-либо еще, что имеет значение. Конечно, вы не можете просто поместить их в общедоступный код, но Glitch предоставляет нам для этого особое место.
Вы можете добавить эти значения в переменные среды в файл .env, и они будут доступны только вам.
Обратите внимание на изображение ключа рядом с именем файла, чтобы дать нам визуальную подсказку, что этот файл безопасен и никогда не будет показан другим людям, даже если ваш проект является общедоступным.
Если проект является частным, конечно, ни один из этих файлов не будет показан людям, но ваше приложение по-прежнему будет доступно по общедоступному URL-адресу, если вы решите создать для него общедоступную конечную точку.
Кроме того, все, что хранится в папке .data/, не копируется при ремиксе проекта.
Отладка
В Glitch интегрирован отладчик Node, доступный только в Chrome, который можно включить, нажав кнопку. Оттуда вы можете отлаживать свое приложение в Chrome DevTools.
Легко управлять пакетами npm
Когда вы щелкаете файл package.json, у вас появляется возможность установить пакеты npm. Нажав Добавить пакет, вы получите доступ к любому пакету, доступному в реестре npm:
Интеграция с Git
Каждый раз, когда вы вносите изменения в один из ваших файлов, Glitch создает новую версию проекта. Под капотами это работает на Git, но представлено в действительно новаторском и освежающем виде, который может использоваться также людьми, не знакомыми с Git в первую очередь.
Если щелкнуть значок с двумя стрелками влево под изображением вашего профиля, откроется режим перемотки назад. Вы можете видеть, когда были внесены изменения, кем:
Теперь, если вы переместите вертикальную линию на изменения, редактор переключится на визуализатор различий. Мгновенное представление о том, какие файлы изменились слева, и какие строки кода изменились в открытом файле справа:
Это действительно удобно, особенно при просмотре собственного кода через несколько месяцев или при изменении других членов команды.
Интеграция с GitHub
Вы можете экспортировать любой проект в GitHub, а также импортировать любой проект из GitHub.
Упрощено, но не упрощено
Glitch дает вам красивые инструменты, которые позволяют абстрагироваться от базовой платформы, но при нажатии «Журнал | Консоль »дает вам доступ к оболочке:
Отсюда вы можете творить любую консольную магию. Ну любая магия, не требующая рут-доступа.
Хорошо, но как мне…
Команда Glitch составила удобные списки примеров приложений, с которых вы можете начать.
Некоторые примеры?
- Запуск проектов для общих сервисов https://glitch.com/building-blocks
- Приложения Hello World для общих фреймворков https://glitch.com/hello-worlds
- Интеграция с популярными бизнес-приложениями https://glitch.com/tools-for-work
- Боты https://glitch.com/handy-bots
- Арт-проекты https://glitch.com/art
- Музыкальные проекты https://glitch.com/music
- Игры https://glitch.com/games
Заключительные слова
Я надеюсь, что вы найдете небольшое приложение, которое будет полезно для начала задуманного или решит ваши потребности. Начните с его ремикса и сделайте его своим.
Glitch - отличная платформа для экспериментов, создания вещей, просмотра того, что прилипает, и в целом экспериментов с новыми технологиями. не стесняйтесь комментировать ниже! :)
