рест преза

1. Введение Серверный код позволяет исполнять написанные приложения, используя JS, который исполняется на сервере Appery.io Любой сценарий мб вызван с помощью API REST. Сервер – хорошее место для запуска приложений выполняющих сортировку больших объёмов данных, расчеты.

2. Тест приложения Приложение можно протестировать на своем моб. устройстве. Для этого выбираем TEST > Publicи получаем QR-код для загрузки приложения на устройство.

3. Что будет сделано? При нажатии кнопки “Say Hello” имя введённое в поле отправляется на сервер, сервер вызывает скрипт и возвращает сообщение с текущим временем.

4. 1. Создаем интерфейс Каждое приложение начинается с домашней страницы. Открываем Pages > startScreen Выбираем заголовок приложения в свойствах указываем Hello World! PROPERTIES > Hello World 

5. 1. Создаем интерфейс • Находим и перетаскиваем на форму компонент input. • Далее выбираем его, в свойствах (PROPERTIES) удаляем текст (Text) • В Placeholderвыбираем тип “Enter name”

6. 1. Создаем интерфейс • Создаем button (кнопка). • Text > “Say Hello” • Выбрать “Inline” • Снять выбор с “Corners” (углы?) • Создаём label, удаляем стандартный текст. Чтобы изменить тему делаем так: Project > App settings > General. Выбираем jqm-classic for ThemeandB for Swatch

7. 2. Пишем программу 1. Выбираем “Server Code”. Откроется вкладка «Server Code». 2. Кликаем“Create script” 3. Скрипт создан (с базовым примером), меняем название на “Hello World” и сейвим.

8. 2. Пишем программу • Настраиваем зависимость, прежде чем писать код. Вкладка «Dependencies» • Выбираем библиотеку “moment.js 2.1.0″.Это список out-of-the-box библиотек (можно добавлять свои). • Выбираем «Script» и удаляем дефолтовый скрипт.

9. 2. Пишем программу. Скрипт

10. 2. Пишем программу. • Перед вызовом от скрипта с клиента запускаем его • Изменяем «Request method» (метод запроса) на GET. • Во вкладке «Parameters» открываем «Request params» • В «param» пишем «name», кликаем Add. • Слово «name»появится слева. Появляется правое поле, туда пишем любое имя.

11. 3. Тест скрипта. • Выбираем вкладку «Test» и кликаем «Run».

12. Выбираем вкладку «Script», кликаем по стрелке вниз и видим «REST information». • Копируем URL.

13. Выбираем CREATE NEW > Service (оставляя REST) • Имя сервиса «SayHello» • Кликаем «Create Service», находим строку с URL и вставляем туда URL который копировали.

14. Программа требует параметр «Name». Задаем его в запросах (Request) • Открываем вкладку «Request», вводим «Name» и нажимаем кнопку «Add» • После открываем вкладку «Test», вводим какое-нибудь имяи кликаем «Test» • Кликаем «Import as Response» для определения структуры.

15. Открываем startScreen и выбираем Data • Для добавленияdatasource, выбираем Service > SayHello, кликаем “Add”. • Система создаст 2 отображения событий для: • Before send • Success • Редактируем как на рисунках

16. Вызов • Открываем DESSIGN • Выбираем кнопку «» и открываем вкладку Event • Компонент mobilebutton_x и событие Clickдолжны быть выбраны. • ДляAction,выбираемInvoke Service > restservice1, кликаем “Save”.