В
предыдущей записи в блоге я обсуждал цель этой серии и цель создания приложения, которое я создаю. Линия коров для коров позволит вам как сообщать, так и находить коров, готовых к опрокидыванию. Хотя это не приложение корпоративного уровня, я затрону аспекты, которые, на мой взгляд, будут применимы и полезны для всех.
Для этого приложения я буду использовать две основные технологии. Это PhoneGap и Parse . В этой записи блога я собираюсь сосредоточиться на настройке шагов, которые вам понадобятся для использования этих технологий.
Давайте сначала займемся простым — PhoneGap. Чтобы обойти нормальный процесс « Приступая к работе» , я просто собираюсь использовать PhoneGap Build . PhoneGap Build — это бесплатная служба, которая может позаботиться о создании ваших собственных приложений для вас. Использовать PhoneGap в командной строке легко. Использование PhoneGap Build стало еще проще. Для регистрации требуется имя пользователя Adobe или Github, и для получения более подробной информации я рекомендую вам прочитать мою статью по Adobe Developer Connection: Уровни сборки PhoneGap . Я даже не буду беспокоиться об этом аспекте позже в этой серии, так что вы можете полностью пропустить эту часть, если хотите.
Настройка Parse немного сложнее, поэтому остальная часть записи будет посвящена этому процессу. Если вы планируете следовать и создать свою собственную копию приложения, вам нужно будет выполнить следующие действия. (И оставьте мне комментарий ниже, если вы планируете сделать это — я просто хотел бы знать, кто обращает внимание.;)
Сначала перейдите к регистрации Parse .
Обратите внимание, что регистрация на 100% бесплатна и не требует кредитной карты. После регистрации вы сразу попадете в форму для создания нового приложения:
Теперь эта часть немного странная — после наименования вашего первого приложения вы возвращаетесь на основной сайт Parse. Просто нажмите на ссылку «Панель инструментов», и вы попадете в список ваших приложений — все из них:
Нажмите на приложение, и вы попадете в подробный вид приложения. Здесь вы захотите отметить ключи слева. Здесь есть два важных значения: идентификатор приложения и ключ JavaScript.
Они вам пока не понадобятся, но имейте в виду, где они. Наконец, нажмите «Загрузки».
Вас заинтересует раздел JavaScript. Разработка ссылается на читаемую копию JavaScript API, тогда как Production ведет к уменьшенной версии. Пустой проект не обязательно пустой. Он на самом деле имеет немного CSS и некоторый код, который автоматически создает объект для вас. Вы хотите получить свернутую версию библиотеки JavaScript и поместить ее в новую папку.
Я установил папку для корня моего приложения под названием cowtipline. Там есть папка «js», где я сохранил библиотеку Parse JavaScript. Затем я сделал очень простой файл index.html:
<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/parse-1.1.2.min.js"></script>
<script>
$(document).ready(function() {
Parse.initialize("oe3dboiG0RzJNULxKvdHYGWEb3Cq7mzHRC3Dwh6E", "cR8whmMjybMoXUqfAzhxUJSiBXw3QPt7ZB4bRGw8");
});
</script>
</head>
<body>
</body>
</html>
Я предоставил свой собственный идентификатор приложения и ключи JavaScript выше. (И в случае, если вы задаетесь вопросом о безопасности этого — оставайтесь со мной — последняя запись в серии будет обсуждать, как мы можем сохранить эти ценности.)
Если вы запустите это — ничего не произойдет. Но мы сделали основы и теперь можем начать кодирование. Я также настроил репозиторий GitHub здесь: https://github.com/cfjedimaster/CowTipLine
В следующей записи я начну настраивать пользовательский интерфейс на основе макетов из предыдущей записи . Я также добавлю первый набор логики, чтобы вы могли начать создавать советы из приложения.