Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему Основи роботи з Google App Engine

Содержание

ВступСьогодні ми згадаємо основи роботи з Google App Engineподивимося на Google App Engine development siteстворимо проектподивимося на Cloud Endpointsнапишемо код для App Engine
Лекція 4. Getting StartedГлибовець А.М. ВступСьогодні ми згадаємо основи роботи з Google App Engineподивимося на Google App App Engine Development CycleДля роботи вам необхідно мати Google акаунтЯк ви пам’ятаєте Google Data Centershttp://blog.popflys.com/where-the-internet-lives/ New ProjectДля створення проекту ви можете скористатися консоллюhttps://console.developers.google.com New ProjectСтворимо новий проект. Нам необхідно вказати Project name – ім’я вашого New Project Підтримка різних пристроївВ нас з вами дуже багато пристроїв, що ми б Підтримка різних пристроївМи б хотіли написати наше застосування так, що б воно Підтримка різних пристроївGoogle запровадив Cloud Endpoints для цих цілейВи можете створити єдиний Google Cloud Endpointshttps://cloud.google.com/appengine/docs/java/endpoints/ НалаштуванняВи маєте інсталювати:Java JDK 1.7MavenEclipse EEНе маєте встановлювати App Engine SDKДля цих Перший проектПодивимося на простий проектДля того, що б імпортувати приклади до лекції Запуск ЗапускПерший запуск буде достатньо довгимMaven завантажить всі потрібні бібліотекиПісля цього запуститься локальний сервер ЗапускЗайдіть і подивіться на наш результат ЗапускЦе просте застосування але з кодом ми розберемося пізнішеТепер давайте завантажимо наше Update в хмаруПісля першого запуску ви побачите в консолі Update в хмаруВ вас відкриється браузер Update в хмару Update в хмару Update в хмаруЯ отримав помилкуЗвісно, бо в мого застосування не такий id Update в хмаруСтворю новий проект в App Engine Update в хмаруТепер виправимо файл appengine-web.xml Update в хмару Update в хмаруТепер знову запустимо наш проект на Update в хмару Update в хмаруПеревіримо: Подивимося на проектДавайте подивимося на Endpoints Подивимося зміст цих трьох файлів Подивимося на проектТепер подивимося на webappВідкриємо web.xml Подивимося на проектОбов’язкова частина для використання Endpoints    SystemServiceServlet Подивимося на проектНалаштування безпеки, що говорить, що ми будемо використовувати https Подивимося на проектЗалишилося два файлиindex.htmlhello.js EndpointsДавайте докладно розглянемо файл HelloWorldEndpoints ВикористанняДавайте запустимо наше застосування на локальному комп’ютеріМи запустимо панель управління apihttp://localhost:8080/_ah/api/explorer Використання Використання Використання ВикористанняРозберемося з фронтендомindex.htmlДуже важлива частина коду:Весь інший код дуже простийСама цікава частина:onclick= ВикористанняДавайте докладно розберемося з hello.js Нова функціяДодамо нову функцію в EndpointsgreetByPeriod(name,period)return HelloClass objectGood Morning Andrii!Good Evning Andrii! Нова функція@ApiMethod(name = Нова функціяДодамо нове поле в index.html та функцію в jsнам потрібне нове Нова функціяfunction greetByPeriod(){var name = document.getElementById( MavenМи з вами починали з проекту, що хтось створив для насЩо робити MavenМи можемо використати Maven і archetypesВідкрийте консоль в директорії де ви хочете MavenВведіть endpoints MavenМи використаємо com.google.appengine.archetypes:hello-endpoints-archetypeТаким чином ми обираємо номер 2Після цього нам пропонують версію, Google APIТочно такий же Api використовує і Google для совїх сервісівGoogle Apis Дякую за увагу
Слайды презентации

Слайд 2 Вступ
Сьогодні ми згадаємо основи роботи з Google App

ВступСьогодні ми згадаємо основи роботи з Google App Engineподивимося на Google

Engine
подивимося на Google App Engine development site
створимо проект
подивимося на

Cloud Endpoints
напишемо код для App Engine


Слайд 3 App Engine Development Cycle
Для роботи вам необхідно мати

App Engine Development CycleДля роботи вам необхідно мати Google акаунтЯк ви

Google акаунт
Як ви пам’ятаєте Google надає всі засоби для

розробки, deploy і запуску в Cloud вашого застосування
Основна задача яку вирішує Google для вас – масштабування вашого застосування

Слайд 4 Google Data Centers

http://blog.popflys.com/where-the-internet-lives/

Google Data Centershttp://blog.popflys.com/where-the-internet-lives/

Слайд 5 New Project
Для створення проекту ви можете скористатися консоллю
https://console.developers.google.com

New ProjectДля створення проекту ви можете скористатися консоллюhttps://console.developers.google.com

Слайд 6 New Project
Створимо новий проект.
Нам необхідно вказати
Project

New ProjectСтворимо новий проект. Нам необхідно вказати Project name – ім’я

name – ім’я вашого проекту
Project ID – назва проекту,

що буде використовуватися в URL
http://.appspot.com

Слайд 7 New Project

New Project

Слайд 8 Підтримка різних пристроїв
В нас з вами дуже багато

Підтримка різних пристроївВ нас з вами дуже багато пристроїв, що ми

пристроїв, що ми б хотіли підтримувати в якості клієнтів

нашого застосування
назвіть мені ці клієнти

Слайд 9 Підтримка різних пристроїв
Ми б хотіли написати наше застосування

Підтримка різних пристроївМи б хотіли написати наше застосування так, що б

так, що б воно однаково могло працювати з усіма

можливими пристроями.
Чи можна так зробити?
Як ви думаєте як це можна зробити?

Слайд 10 Підтримка різних пристроїв
Google запровадив Cloud Endpoints для цих

Підтримка різних пристроївGoogle запровадив Cloud Endpoints для цих цілейВи можете створити

цілей
Ви можете створити єдиний API в своєму застосуванні, а

потім використовуючи Cloud Endpoints згенерувати API для різних пристроїв

Слайд 11 Google Cloud Endpoints
https://cloud.google.com/appengine/docs/java/endpoints/

Google Cloud Endpointshttps://cloud.google.com/appengine/docs/java/endpoints/

Слайд 12 Налаштування
Ви маєте інсталювати:
Java JDK 1.7
Maven
Eclipse EE
Не маєте встановлювати

НалаштуванняВи маєте інсталювати:Java JDK 1.7MavenEclipse EEНе маєте встановлювати App Engine SDKДля

App Engine SDK
Для цих цілей ми будемо використовувати Maven


Слайд 13 Перший проект
Подивимося на простий проект
Для того, що б

Перший проектПодивимося на простий проектДля того, що б імпортувати приклади до

імпортувати приклади до лекції в Eclipse ви маєте зробити

наступну річ
Eclipse > File > Import
Existing Maven projects
Для запуску:
Run As
Run Configurations
new launch configuration
Set the goal to appengine:devserver для запуску на локальному комп’ютері, або appengine:update для завантаження в App Engine
В Maven Runtime, ви маєте використовувати External реалізацію Maven, а не Embedded версію

Слайд 14 Запуск

Запуск

Слайд 15 Запуск
Перший запуск буде достатньо довгим
Maven завантажить всі потрібні

ЗапускПерший запуск буде достатньо довгимMaven завантажить всі потрібні бібліотекиПісля цього запуститься локальний сервер

бібліотеки
Після цього запуститься локальний сервер


Слайд 16 Запуск
Зайдіть і подивіться на наш результат

ЗапускЗайдіть і подивіться на наш результат

Слайд 17 Запуск
Це просте застосування але з кодом ми розберемося

ЗапускЦе просте застосування але з кодом ми розберемося пізнішеТепер давайте завантажимо

пізніше
Тепер давайте завантажимо наше застосування в Хмару
Для цього створіть

аналогічну конфігурацію
Єдине замініть goals на appengine:update

Слайд 18 Update в хмару
Після першого запуску ви побачите в

Update в хмаруПісля першого запуску ви побачите в консолі

консолі


Слайд 19 Update в хмару
В вас відкриється браузер

Update в хмаруВ вас відкриється браузер

Слайд 20 Update в хмару

Update в хмару

Слайд 21 Update в хмару

Update в хмару

Слайд 22 Update в хмару
Я отримав помилку
Звісно, бо в мого

Update в хмаруЯ отримав помилкуЗвісно, бо в мого застосування не такий id

застосування не такий id


Слайд 23 Update в хмару
Створю новий проект в App Engine

Update в хмаруСтворю новий проект в App Engine

Слайд 24 Update в хмару
Тепер виправимо файл appengine-web.xml

Update в хмаруТепер виправимо файл appengine-web.xml

Слайд 25 Update в хмару

Update в хмару

Слайд 26 Update в хмару
Тепер знову запустимо наш проект на

Update в хмаруТепер знову запустимо наш проект на Update в хмару

Update в хмару


Слайд 27 Update в хмару
Перевіримо:

Update в хмаруПеревіримо:

Слайд 28 Подивимося на проект
Давайте подивимося на Endpoints
Подивимося зміст

Подивимося на проектДавайте подивимося на Endpoints Подивимося зміст цих трьох файлів

цих трьох файлів


Слайд 29 Подивимося на проект
Тепер подивимося на webapp
Відкриємо web.xml

Подивимося на проектТепер подивимося на webappВідкриємо web.xml

Слайд 30 Подивимося на проект
Обов’язкова частина для використання Endpoints

Подивимося на проектОбов’язкова частина для використання Endpoints  SystemServiceServlet  com.google.api.server.spi.SystemServiceServlet

SystemServiceServlet
com.google.api.server.spi.SystemServiceServlet


services
com.google.training.helloworld.HelloWorldEndpoints



SystemServiceServlet
/_ah/spi/*


Слайд 31 Подивимося на проект
Налаштування безпеки, що говорить, що ми

Подивимося на проектНалаштування безпеки, що говорить, що ми будемо використовувати https

будемо використовувати https


all
/*


CONFIDENTIAL



Слайд 32 Подивимося на проект
Залишилося два файли
index.html
hello.js

Подивимося на проектЗалишилося два файлиindex.htmlhello.js

Слайд 33 Endpoints
Давайте докладно розглянемо файл HelloWorldEndpoints

EndpointsДавайте докладно розглянемо файл HelloWorldEndpoints

Слайд 34 Використання
Давайте запустимо наше застосування на локальному комп’ютері
Ми запустимо

ВикористанняДавайте запустимо наше застосування на локальному комп’ютеріМи запустимо панель управління apihttp://localhost:8080/_ah/api/explorer

панель управління api
http://localhost:8080/_ah/api/explorer


Слайд 35 Використання

Використання

Слайд 36 Використання

Використання

Слайд 37 Використання

Використання

Слайд 38 Використання
Розберемося з фронтендом
index.html

Дуже важлива частина коду:


ВикористанняРозберемося з фронтендомindex.htmlДуже важлива частина коду:Весь інший код дуже простийСама цікава частина:onclick=

the Google APIs Javascript client library -->

the init function, which is defined in hello.js -->

Весь інший код дуже простий
Сама цікава частина:
onclick="will_be_set_after_endpoints_apis_loaded"

Слайд 39 Використання
Давайте докладно розберемося з hello.js

ВикористанняДавайте докладно розберемося з hello.js

Слайд 40 Нова функція
Додамо нову функцію в Endpoints
greetByPeriod(name,period)
return HelloClass object
Good

Нова функціяДодамо нову функцію в EndpointsgreetByPeriod(name,period)return HelloClass objectGood Morning Andrii!Good Evning Andrii!

Morning Andrii!
Good Evning Andrii!


Слайд 41 Нова функція
@ApiMethod(name ="greetByPeriod", path = "greetByPeriod", httpMethod =

Нова функція@ApiMethod(name =

HttpMethod.GET)
public HelloClass greetByPeriod(@Named("name") String name, @Named("period") String period){
return

new HelloClass(name,period);
}

Слайд 42 Нова функція
Додамо нове поле в index.html та функцію

Нова функціяДодамо нове поле в index.html та функцію в jsнам потрібне

в js
нам потрібне нове поле для вводу і нова

кнопка

Слайд 43 Нова функція
function greetByPeriod(){
var name = document.getElementById("name_field").value;
var period =

Нова функціяfunction greetByPeriod(){var name = document.getElementById(

document.getElementById("period_field").value;
var request = gapi.client.helloworldendpoints.greetByPeriod({'name': name, 'period':period});
request.execute(sayHelloCallback);
}


Слайд 44 Maven
Ми з вами починали з проекту, що хтось

MavenМи з вами починали з проекту, що хтось створив для насЩо

створив для нас
Що робити якщо такого проекту в нас

немає?

Слайд 45 Maven
Ми можемо використати Maven і archetypes
Відкрийте консоль в

MavenМи можемо використати Maven і archetypesВідкрийте консоль в директорії де ви

директорії де ви хочете створити проект
mvn archetype:generate
Перший раз Maven

багато чого завантажить
Після цього вам буде запропоновано обрати архетип проекту
Їх багато, тому ви можете відфільтрувати їх
наберіть appengine

Слайд 46 Maven
Введіть endpoints

MavenВведіть endpoints

Слайд 47 Maven
Ми використаємо com.google.appengine.archetypes:hello-endpoints-archetype
Таким чином ми обираємо номер 2
Після

MavenМи використаємо com.google.appengine.archetypes:hello-endpoints-archetypeТаким чином ми обираємо номер 2Після цього нам пропонують

цього нам пропонують версію, ми оберемо останню – 3
Введемо

groupId
ua.com.glybovets
artifactId
і далі по пунктам
Тепер ми можемо імпортувати даний проект в Eclipse

Слайд 48 Google API
Точно такий же Api використовує і Google

Google APIТочно такий же Api використовує і Google для совїх сервісівGoogle

для совїх сервісів
Google Apis Explorer
https://developers.google.com/apis-explorer/#p/
Давайте знайдемо переклад і

подивимося на його API

  • Имя файла: osnovi-roboti-z-google-app-engine.pptx
  • Количество просмотров: 97
  • Количество скачиваний: 0