{"id":268486,"date":"2015-11-18T19:15:06","date_gmt":"2015-11-18T16:15:06","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=268486"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=268486","title":{"rendered":"Google Cloud Endpoints \u043d\u0430 Java: \u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e. \u0447. 2 (Frontend)"},"content":{"rendered":"

\u0427\u0430\u0441\u0442\u044c \u043f\u0435\u0440\u0432\u0430\u044f: Google Cloud Endpoints \u043d\u0430 Java: \u0420\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u043e. \u0447. 1<\/a><\/p>\n

\u0412 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 Google Cloud Endpoints \u0441 Java<\/a>, \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0435\u0447\u044c \u043f\u043e\u0439\u0434\u0435\u0442 \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043a \u043d\u0430\u0448\u0435\u043c\u0443 API.<\/p>\n

\u0412 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0432\u0448\u0438\u043c\u0441\u044f \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f:<\/p>\n

AngularJS<\/a>, \u0438 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u0431\u0449\u0435\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u043e \u0442\u043e\u043c \u043a\u0430\u043a \u043e\u043d \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e Bootstrap<\/a> \u0438\u043b\u0438 Foundation<\/a>.<\/p>\n

\u041f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u0435 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u0438 \u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043b\u044f \u0434\u0435\u043f\u043b\u043e\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n

<\/a><\/p>\n

\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440<\/h1>\n

\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 AngularJS \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430 \u00ab\u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445\u00bb \u0444\u0430\u0439\u043b\u043e\u0432: .html, .js, .css + \u0444\u0430\u0439\u043b\u044b \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u0448\u0440\u0438\u0444\u0442\u044b \u0438 \u0442.\u043f. \u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u043e\u0434\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c index.html \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. \u041e\u0434\u043d\u0430\u043a\u043e \u043f\u0440\u0438 \u043f\u043e\u043f\u044b\u0442\u043a\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c index.html \u0432 Google Chrome \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0431\u0435\u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f \u0438 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u043d\u0435\u0447\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e:<\/p>\n

\"image\"\/<\/p>\n

\u0412 Firefox \u0442\u043e \u0436\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u0435\u0437 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u043d\u043e \u0441\u0441\u044b\u043b\u043a\u0438 \u0432\u0438\u0434\u0430 src="\/\/\u2026 \u0438\u043b\u0438 href="\u2026 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u044e\u0442\u0441\u044f \u0432 file:\/\/\/\u2026
\u041d\u0443 \u0438 Chrome DevTools<\/a>, \u043a\u0430\u043a \u043c\u043e\u0439 \u0432\u043a\u0443\u0441 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0443\u0434\u043e\u0431\u043d\u0435\u0435.<\/p>\n

\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u0441\u0435 \u0436\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0442\u0438\u0442\u0435\u043b\u044c\u043d\u0435\u0435. \u041c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Sinatra<\/a> \u043d\u0430 Ruby, NodeJS<\/a>, \u0441\u0442\u0430\u0440\u044b\u0439 \u0434\u043e\u0431\u0440\u044b\u0439 Apache HTTP Server (\u00abhttpd\u00bb)<\/a>. App Engine Java SDK \u0442\u0430\u043a\u0436\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 development web server \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c\u044b\u0439 \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0448\u0438\u043d\u0435, \u0438 \u0438\u043c\u0438\u0442\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u0441\u0435\u0440\u0432\u0438\u0441\u0430 GAE \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 (datastore).
\u0412 IntelliJ IDEA \u043f\u0440\u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 .html \u0444\u0430\u0439\u043b\u0430 \u0432\u044b\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0438\u043a\u043e\u043d\u043a\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u043a\u043d\u0443\u0442\u044c \u0442\u043e \u0444\u0430\u0439\u043b \u043e\u0442\u043a\u0440\u043e\u0435\u0442\u0441\u044f \u043d\u0430 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0437\u0430\u043f\u0443\u0449\u0435\u043d\u043d\u043e\u043c IntelliJ IDEA.<\/p>\n

\u041d\u0430 \u043c\u043e\u0439 \u0432\u0437\u0433\u043b\u044f\u0434 \u0441\u0430\u043c\u044b\u043c \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0438 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f Python (\u0442\u0435\u043c \u0431\u043e\u043b\u0435\u0435, \u0447\u0442\u043e \u043e\u043d \u0443 \u0412\u0430\u0441 \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d): <\/p>\n

python -m SimpleHTTPServer <port> <\/code><\/pre>\n
  \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u00abpython\u00bb \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0437\u0430\u043f\u0443\u0441\u043a Python \u0432\u0435\u0440\u0441\u0438\u0438 2.x (\u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e), "-m" \u2014 \u0437\u0430\u043f\u0443\u0441\u043a \u043c\u043e\u0434\u0443\u043b\u044f<\/a>, "SimpleHTTPServer<\/a>" \u2014 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0439 \u0441\u043e\u0431\u043e\u0439 \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0438\u0439 http-\u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u0432\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0443\u044e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0443 (\u0442.\u0435. \u0435\u0441\u043b\u0438 \u0443 \u0412\u0430\u0441 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d Python, \u0442\u043e \u044d\u0442\u043e\u0442 \u043c\u043e\u0434\u0443\u043b\u044c \u0443\u0436\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442), \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e  \u2014 \u043d\u043e\u043c\u0435\u0440 \u043f\u043e\u0440\u0442\u0430, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043d\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c, \u0442\u043e \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0431\u0443\u0434\u0435\u0442 8000.
  \u042d\u0442\u0443 \u043a\u043e\u043c\u0430\u043d\u0434\u0443 \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0442\u0430\u043c \u0433\u0434\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430\u0448 index.htm<\/i>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0438 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0432 \/ \u043d\u0430 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0438 \u043d\u0430 localhost<\/a>:8000\/ (http:\/\/127.0.0.1:8000\/) \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 http-\u0441\u0435\u0440\u0432\u0435\u0440. \u0423\u0434\u043e\u0431\u043d\u043e \u0442\u0435\u043c \u0447\u0442\u043e \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0432 \u0441\u0430\u043c\u043e\u0439 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438, \u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043d\u0435 \u043d\u0443\u0436\u043d\u043e.<\/p>\n
\u0414\u0435\u043f\u043b\u043e\u0439<\/h1>\n
  \u0420\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0444\u0440\u043e\u043d\u0442-\u044d\u043d\u0434 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e API \u043c\u043e\u0436\u043d\u043e \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0430 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u043c GitHub Pages<\/a> (\u0441\u043c. \u0442\u0430\u043a\u0436\u0435 Setting up a custom domain with GitHub Pages<\/a>) \u0438\u043b\u0438 \u043d\u0430 Amazon Web Services (AWS)<\/a>.<\/p>\n
  \u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043d\u0430 GAE. \u042d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435. \u0412 \u043d\u0430\u0448\u0435\u043c \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0435, \u0432 \u0443\u0447\u0435\u0431\u043d\u044b\u0445 \u0446\u0435\u043b\u044f\u0445, \u043c\u044b \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u043c \u0431\u044d\u043a\u0435\u043d\u0434 \u0438 \u0444\u0440\u043e\u043d\u0442-\u044d\u043d\u0434 \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u043d\u0430 GAE. \u0412 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u0439 \u0447\u0430\u0441\u0442\u0438 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0434\u0432\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430. \u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0431\u0443\u0434\u0435\u0442 \u0436\u0438\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432 hello-habrahabr-webapp, \u0430 \u0431\u044d\u043a\u0435\u043d\u0434 \u0432 hello-habrahabr-api.<\/p>\n
\u0414\u043e\u043c\u0435\u043d<\/h2>\n
  \u0412 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a \u0438\u043c\u0435\u044e\u0449\u0435\u043c\u0443\u0441\u044f \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u043c\u0443 \u0438\u043c\u0435\u043d\u0438 \u0432\u0438\u0434\u0430 {\u043f\u0440\u043e\u0435\u043a\u0442 ID}.appspot.com, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0434\u043e\u043c\u0435\u043d \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u0430\u043a \u0447\u0435\u0440\u0435\u0437 Google Domains<\/a>, \u0442\u0430\u043a \u0438 \u0443 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430, \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u043c\u0435\u043d\u043e\u0432 \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0420\u0430\u043d\u0435\u0435 \u044d\u0442\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u043b\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0434\u043e\u043c\u0435\u043d\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432 Google Apps<\/a>, \u043d\u043e \u0441 \u043d\u0435\u0434\u0430\u0432\u043d\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0430 \u043a Google Apps \u0443\u0431\u0440\u0430\u043d\u0430.<\/p>\n
  \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043c\u0435\u043d, \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u043c\u0435\u043d\u044e: Compute -> App Engine -> Settings -> Custom domains. \u0417\u0430\u0442\u0435\u043c \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c ‘Register a new domain’ \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u043e\u043c\u0435\u043d \u0443 Google, \u0438\u043b\u0438 \u0435\u0441\u043b\u0438 \u0443 \u043d\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0434\u043e\u043c\u0435\u043d ‘Add a custom domain’<\/p>\n
  \"image\"\/<\/p>\n
  \u0415\u0441\u043b\u0438 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0434\u043e\u043c\u0435\u043d \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0435 \u0443 Google, \u0442\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0430\u0434\u043e \u043f\u0440\u043e\u0439\u0442\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0447\u0442\u043e \u0432\u044b \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0438\u043a \u0434\u043e\u043c\u0435\u043d\u0430 \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043c\u0435\u043d \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0443\u0447\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 google: \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0434\u043e\u043c\u0435\u043d\u043d\u043e\u0435 \u0438\u043c\u044f \u0432 \u043f\u043e\u043b\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u043e\u0435 \u0446\u0438\u0444\u0440\u043e\u0439 1, \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c ‘Verify’ \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438:<\/p>\n
  \"image\"\/<\/p>\n
  \u0435\u0441\u043b\u0438 \u0434\u043e\u043c\u0435\u043d \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d \u0443 godaddy.com \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043a\u0440\u0443\u043f\u043d\u043e\u0433\u043e \u0434\u043e \u0434\u043b\u044f \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0438 \u0438 \u043e\u0442\u043a\u0440\u044b\u0432\u0448\u0435\u043c\u0441\u044f \u043e\u043a\u043d\u0435 \u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0438\u0442\u044c\u0441\u044f:<\/p>\n
  \"image\"\/<\/p>\n
  \u0438 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044c:<\/p>\n
  \"image\"\/<\/p>\n
  \u041b\u0438\u0431\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 ‘Add a TXT record.’<\/p>\n
  \u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435:<\/p>\n
  \"image\"\/<\/p>\n
  \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u00ab\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u00bb \u0432\u0435\u0440\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0434\u043e\u043c\u0435\u043d\u043e\u0432, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0443\u0447\u0435\u0442\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c google \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043c\u043e\u0436\u043d\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0434\u043e\u043c\u0435\u043d\u043e\u043c \u0432 \u0441\u0435\u0440\u0432\u0438\u0441\u0430\u0445 Google.<\/p>\n
  \u041f\u043e\u0441\u043b\u0435 \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0434\u043e\u043c\u0435\u043d\u0430, \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u043e\u043c \u0446\u0438\u0444\u0440\u043e\u0439 2. (\u0435\u0441\u043b\u0438 \u043c\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438 \u043d\u043e\u0432\u044b\u0439 \u0434\u043e\u043c\u0435\u043d, \u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0447\u0442\u043e\u0431\u044b \u043d\u043e\u0432\u044b\u0439 \u0434\u043e\u043c\u0435\u043d \u0441\u0442\u0430\u043b \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430) \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0434\u043e\u043c\u0435\u043d \u0442\u0435\u043a\u0443\u0449\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443, \u043b\u0438\u0431\u043e \u00ab\u0446\u0435\u043b\u0438\u043a\u043e\u043c\u00bb, \u043b\u0438\u0431\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0438 \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u0441\u0443\u0431\u0434\u043e\u043c\u0435\u043d, \u043b\u0438\u0431\u043e \u0438 \u0442\u043e \u0438 \u0434\u0440\u0443\u0433\u043e\u0435.<\/p>\n
  \"image\"\/<\/p>\n
  \u041f\u043e\u0441\u043b\u0435 \u0432\u044b\u0431\u043e\u0440\u0430 \u0434\u043e\u043c\u0435\u043d\u0430 \u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 ‘Add’, \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0432\u043d\u0435\u0441\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043e\u043c\u0435\u043d\u0430 \u0443 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 (DNS Zone File) \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\u043c \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 \u043f\u043e\u0434 \u0446\u0438\u0444\u0440\u043e\u0439 3:<\/p>\n
  \"image\"\/<\/p>\n
  \u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435: \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 ‘Add’ \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f, \u043d\u0430\u0434\u043e \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0434\u0440\u0443\u0433\u043e\u0439 \u0440\u0430\u0437\u0434\u0435\u043b (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ‘Application settings’), \u0438 \u0441\u043d\u043e\u0432\u0430 \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u0432 ‘Custom domains’ \u2014 \u0442\u0435\u043f\u0435\u0440\u044c \u0442\u0430\u043c \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 (\u0441\u0443\u0431)\u0434\u043e\u043c\u0435\u043d\u044b \u0438 \u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0435\u043a\u0442 \u0431\u0443\u0434\u0435\u0442 (\u043d\u0435 \u0441\u0440\u0430\u0437\u0443, \u0430 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0438 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0434\u043e 24 \u0447\u0430\u0441\u043e\u0432) \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043a\u0430\u043a \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 {\u043f\u0440\u043e\u0435\u043a\u0442 ID}.appspot.com, \u0442\u0430\u043a \u0438 \u043f\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u043c \u0430\u0434\u0440\u0435\u0441\u0430\u043c (\u0434\u043e\u043c\u0435\u043d\u0430\u043c).<\/p>\n
\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 SSL<\/h1>\n
  \u0414\u043e\u0441\u0442\u0443\u043f \u043a \u0430\u0434\u0440\u0435\u0441\u0443 {\u043f\u0440\u043e\u0435\u043a\u0442 ID}.appspot.com \u043c\u043e\u0436\u0435\u0442 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u043f\u043e http \u0442\u0430\u043a \u0438 https
  \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043f\u043e https \u043a \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c\u0443 \u0434\u043e\u043c\u0435\u043d\u0443, \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f SSL-\u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u044f\u044e\u0449\u0438\u0439 \u0446\u0435\u043d\u0442\u0440\u043e\u043c (\u0430\u043d\u0433\u043b. Certification authority, CA) \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u043c\u0438.
  \u0412\u0435\u0434\u0443\u0449\u0438\u043c\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430\u043c\u0438<\/a> \u0443\u0441\u043b\u0443\u0433 \u0443\u0434\u043e\u0441\u0442\u043e\u0432\u0435\u0440\u044f\u044e\u0449\u0435\u0433\u043e \u0446\u0435\u043d\u0442\u0440\u0430 \u0432 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f Symantec<\/a> \u0441 \u0431\u0440\u0435\u043d\u0434\u0430\u043c\u0438 GeoTrust<\/a>, Thawte<\/a>, Verisign<\/a>, \u0442\u043e\u0442 \u0436\u0435 Godaddy<\/a>, \u0438 Comodo<\/a>. \u041d\u0430\u0438\u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0434\u043e\u043b\u044f \u0440\u044b\u043d\u043a\u0430, \u0438 \u0431\u043e\u043b\u0435\u0435 \u043d\u0438\u0437\u043a\u0438\u0435 \u0446\u0435\u043d\u044b \u0443 Comodo. \u0415\u0441\u043b\u0438 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b \u0447\u0435\u0440\u0435\u0437 \u0440\u0435\u0441\u0435\u043b\u043b\u0435\u0440\u043e\u0432 \u0446\u0435\u043d\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u0435\u0449\u0435 \u043d\u0438\u0436\u0435.
  \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430\/\u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u043c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u043c \u043e\u0442 Comodo \u043d\u0430 90 \u0434\u043d\u0435\u0439<\/a> (\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0432\u044b\u0434\u0430\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u043d\u0430 \u0434\u043e\u043c\u0435\u043d) \u0438\/\u0438\u043b\u0438 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043d\u0430 30 \u0434\u043d\u0435\u0439 \u043e\u0442 RapidSSL<\/a>.<\/p>\n
  \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0443 certificate signing request (CSR)<\/a> (\u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430). \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0435\u0440\u0432\u0438\u0441\u044b \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044e \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435, \u043e\u0434\u043d\u0430\u043a\u043e \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u0442 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u0447\u0442\u043e \u0441\u0435\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0431\u0443\u0434\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0443 \u0432\u0430\u0441, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 CSR \u043b\u0443\u0447\u0448\u0435 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0443\u0442\u0438\u043b\u0438\u0442\u043e\u0439 OpenSSL<\/a>.<\/p>\n
  \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u0430\u0439\u043b \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0434\u043b\u044f CSR ( \u043d\u0430\u0437\u043e\u0432\u0435\u043c \u0435\u0433\u043e scr.conf ):  <\/p>\n
# csr.conf # you can rename scr.conf, scr.key, scr.csr to filenames you prefer, # but with the same filename extensions [req] default_bits       = 2048 # default_md         = sha512 default_keyfile    = csr.key #name of keyfile distinguished_name = req_distinguished_name prompt             = yes # If 'prompt = no' provide right values to properties, not to _default properties # and remove or comment _default properties. # Use 'yes' and _default to see and correct values interactively encrypt_key        = no # # req_extensions = v3_req           #this is for multi-domain certificate  [req_distinguished_name] # # Use your company name, e-mai, domain names as default values # if you enter '.', the field will be left blank # countryName = Country Name (2 letter code) countryName_default = GB stateOrProvinceName = State or Province Name (full name) stateOrProvinceName_default = City of London localityName = Locality Name (eg, city) localityName_default = London organizationName = Organization name organizationName_default = MyCompany Limited organizationalUnitName = Organizational Unit Name (eg, section) organizationalUnitName_default = . commonName = This is fully qualified domain name that you wish to secure # e.g. www.example.com or mail.example.com commonName_default = www.my-domain.com emailAddress = Email Address emailAddress_default = admin@my-domain.com  # [v3_req] # subjectAltName = @alt_names       #this is for multi-domain certificate  # [alt_names]                       #this is for multi-domain certificate # DNS.1   = my-domain.net           #this is for multi-domain certificate # DNS.2   = my-domain.org           #this is for multi-domain certificate # DNS.3   = myseconddomain.com      #this is for multi-domain certificate  # to generate .csr: # openssl req -newkey rsa:2048 -sha512 -out csr.csr -config csr.conf # or: # openssl req -newkey rsa:2048 -sha512 -nodes -out csr.csr -config csr.conf # Note:  If the "-nodes" is entered the key will NOT be encrypted with a # DES pass phrase, ( see: # https:\/\/support.comodo.com\/index.php?\/Default\/Knowledgebase\/Article\/View\/1\/19\/csr-generation-using-openssl-apache-wmod_ssl-nginx-os-x # ) # # to verify .csr: # openssl req -text -noout -verify -in csr.csr # # in one command generate and verify: # openssl req -newkey rsa:2048 -out csr.csr -config csr.conf && openssl req -text -noout -verify -in csr.csr #  <\/code><\/pre>\n
  \u0442\u0435\u043f\u0435\u0440\u044c \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u0443:<\/p>\n
openssl req -newkey rsa:2048 -out csr.csr -config csr.conf <\/code><\/pre>\n
  \u0435\u0441\u043b\u0438 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u044b \u0443\u043a\u0430\u0437\u0430\u043b\u0438 ‘prompt = yes’, \u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0432\u043e\u0434\u0438\u043c\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u0438\u0445. \u0415\u0441\u043b\u0438 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0436\u043c\u0435\u043c ‘Enter’<\/p>\n
  \u0412 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0434\u0432\u0430 \u043d\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u0430: csr.key \u2014 \u044d\u0442\u043e \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 \u043a\u043b\u044e\u0447, \u0438 csr.csr \u2014 \u044d\u0442\u043e CSR (\u0437\u0430\u043f\u0440\u043e\u0441 \u043d\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u044c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430)<\/p>\n
  \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c CSR \u043c\u043e\u0436\u043d\u043e \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439:  <\/p>\n
openssl req -text -noout -verify -in csr.csr <\/code><\/pre>\n
  \u0424\u0430\u0439\u043b .csr \u043d\u0443\u0436\u043d\u043e \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u043c, \u0432\u043d\u0443\u0442\u0440\u0438 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u0447\u0442\u043e \u0432\u0440\u043e\u0434\u0435:  <\/p>\n
-----BEGIN CERTIFICATE REQUEST----- MIIC5TCCAc0CAQAwgZ8xCzAJBgNVBAYTAkdCMRcwFQYDVQQIDA5DaXR5IG9mIExv bmRvbjEPMA0GA1UEBwwGTG9uZG9uMRowGAYDVQQKDBFNeUNvbXBhbnkgTGltaXRl NZBB4bDdgJ+uyNZq54dM1tUvzSolv\/+LAY78\/z85edqLH4nc5CxgMEn8hurFOpB4 RXS+ShhpBsJr6RJhSk2xkRe\/idkM\/TUon\/7n1TUthFpjv2tYQZ6on3iWUZ61FDuM mNPHGMIX+sn\/OceViRtlu1Lx+t4JV9dTJQ== -----END CERTIFICATE REQUEST----- <\/code><\/pre>\n
  \u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u0444\u0430\u0439\u043b\u0430 \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0438 \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432 \u0444\u043e\u0440\u043c\u0443 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435, \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a\u0443\u044e:<\/p>\n
  \"image\"\/<\/p>\n
  \u0414\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u0435\u0439\u0448\u0435\u0439 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0434\u043e\u043c\u0435\u043d\u043e\u043c \u0443 \u0432\u0430\u0441 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a e-mail \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b\u0434\u0430\u0435\u0442 whois, \u043b\u0438\u0431\u043e \u043a \u043e\u0434\u043d\u043e\u043c\u0443 \u0438\u0437 email \u0430\u0434\u0440\u0435\u0441\u043e\u0432 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0434\u043e\u043c\u0435\u043d\u0435:
  admin@
  administrator@
  postmaster@
  hostmaster@
  webmaster@<\/p>\n
  \u041b\u0438\u0431\u043e \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c http: \/\/yourdomain.com\/{Upper case value of MD5 hash of CSR}.txt \u0438\u043b\u0438 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c DNS CNAME record \u0443\u043a\u0430\u0437\u0430\u0432 \u043e\u043f\u044f\u0442\u044c \u0436\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0445\u044d\u0448.<\/p>\n
  \u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430: Extended Business Verification \u0438\u043b\u0438 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u043d\u043e EV, \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0432\u044b\u0434\u0430\u0435\u0442\u0441\u044f \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442, \u043d\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u0441 \u00ab\u0437\u0435\u043b\u0435\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439\u00bb (GreenBar) \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043e\u0442\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f \u0438\u043c\u044f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u2014 \u0432\u043b\u0430\u0434\u0435\u043b\u044c\u0446\u0430 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430.<\/p>\n
  \u041f\u043e\u0441\u043b\u0435 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441 \u0441\u0430\u0439\u0442\u0430 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0438\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e \u044d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0439 \u043f\u043e\u0447\u0442\u0435 \u0444\u0430\u0439\u043b \u0432\u0438\u0434\u0430 {\u0432\u0430\u0448 domain \u0438\u043b\u0438 \u043d\u043e\u043c\u0435\u0440 \u0437\u0430\u043a\u0430\u0437\u0430}.crt, \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u043f\u0430\u043a\u0435\u0442\u0435 (.zip) \u0441 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430\u043c\u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0433\u043e \u0446\u0435\u043d\u0442\u0440\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0442\u0430\u043a\u0436\u0435 \u0438\u043c\u0435\u044e\u0442 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 .crt \u042d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b .zip \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0437\u0430\u0440\u0445\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e.<\/p>\n
  \u041d\u0430\u0448 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0443\u044e\u0441\u044f \u0432 \u043d\u0435\u043c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439:  <\/p>\n
openssl x509 -in {\u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430}.crt -text -noout <\/code><\/pre>\n
  \u0433\u0434\u0435 {\u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430}.crt \u2014 \u0438\u043c\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0434\u043b\u044f GAE \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0438\u0437 \u0444\u043e\u0440\u043c\u0430\u0442\u0430 .key \u0432 \u0444\u043e\u0440\u043c\u0430\u0442 .pem:  <\/p>\n
openssl rsa -in *.key > forGAE.key.pem <\/code><\/pre>\n
  \u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435<\/i><\/b>: \u0432 \u044d\u0442\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 -text, \u043a\u0430\u043a \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 Google, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0432 \u043a\u043b\u044e\u0447 \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0439 \u0438 \u043b\u0438\u0448\u043d\u0438\u0439 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0442\u0435\u043a\u0441\u0442. \u0415\u0441\u043b\u0438 \u043f\u0440\u0438 \u043f\u043e\u043f\u044b\u0442\u043a\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043a\u043b\u044e\u0447, \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435:
  ‘The private key you’ve selected does not appear to be valid’
  \u0442\u043e \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u044d\u0442\u043e\u043c. \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0444\u0430\u0439\u043b \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u043c \u0438 \u0443\u0434\u0430\u043b\u0438\u0442\u0435 \u0432\u0441\u0435 \u0447\u0442\u043e \u0432\u044b\u0448\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 ——BEGIN RSA PRIVATE KEY——
  \u0418\u043b\u0438 \u043f\u0435\u0440\u0435\u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u043a\u043b\u044e\u0447 \u0435\u0449\u0435 \u0440\u0430\u0437, \u0431\u0435\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 -text<\/p>\n
  2) \u0441\u043e\u0435\u0434\u0438\u043d\u0438\u0442\u044c (\u0441oncatenate) \u0432\u0441\u0435 .crt \u0444\u0430\u0439\u043b\u044b \u0438\u0437 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0433\u043e .zip \u0444\u0430\u0439\u043b\u0430 (\u0438 \u043d\u0430\u0448 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442, \u0438 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430), \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u0438\u0434\u0430:
   cat mydomain_com.crt ASecureServerCA.crt ATrustCA.crt ATrustExternal.crt > concat.crt <\/code><\/p>\n
  \u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435<\/i><\/b>: \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432 \u0432\u0430\u0436\u0435\u043d<\/i>, (\u043f\u0440\u043e\u0441\u0442\u043e cat *.crt > concat.crt \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435 \u043f\u043e\u0434\u043e\u0439\u0434\u0435\u0442) \u043f\u0435\u0440\u0432\u044b\u043c \u0434\u043e\u043b\u0436\u0435\u043d \u0438\u0434\u0442\u0438 \u043d\u0430\u0448 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 \u043d\u0430\u0448\u0435\u0433\u043e \u0434\u043e\u043c\u0435\u043d\u0430, \u043f\u043e\u0442\u043e\u043c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0433\u043e \u0446\u0435\u043d\u0442\u0440\u0430 \u0438\u043c\u0435\u043d\u0430 \u0444\u0430\u043b\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c\u0441\u044f, \u043d\u043e \u0431\u0443\u0434\u0443\u0442 \u043f\u043e\u0445\u043e\u0436\u0438\u043c\u0438 \u043d\u0435 \u0442\u0435 \u0447\u0442\u043e \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u043c \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b:<\/p>\n
openssl x509 -noout -modulus -in concat.crt | openssl md5 <\/code><\/pre>\n
  \u0438  <\/p>\n
openssl rsa -noout -modulus -in forGAE.key.pem | openssl md5 <\/code><\/pre>\n
  \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u044b\u0434\u0430\u0432\u0430\u0442\u044c \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u043c\u0435\u043d\u044e \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c Compute -> Settings -> SSL Sertificates -> Upload a new certificate<\/p>\n
  \"image\"\/<\/p>\n
  \u0412 \u043f\u043e\u043b\u0435 ‘Name’ \u0432\u0432\u043e\u0434\u0438\u043c \u0438\u043c\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0445\u043e\u0442\u0438\u043c \u0434\u0430\u0442\u044c \u043d\u0430\u0448\u0435\u043c\u0443 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0443 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430.
  \u0412 ‘PEM encoded X.509 public key certificate’ \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u043d\u0430\u0448 concat.crt
  \u0412 \u043f\u043e\u043b\u0435 ‘Unencrypted PEM encoded RSA private key’ \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u043d\u0430\u0448 \u043a\u043b\u044e\u0447 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 .pem (forGAE.key.pem)
  \u0416\u043c\u0435\u043c ‘Upload’<\/p>\n
  \"image\"\/<\/p>\n
  \u041e\u0442\u043c\u0435\u0447\u0430\u0435\u043c \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u044b \u043d\u0430\u043f\u0440\u043e\u0442\u0438\u0432 \u0434\u043e\u043c\u0435\u043d\u043d\u044b\u0445 \u0438\u043c\u0435\u043d \u0434\u043b\u044f \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u044b \u043c\u043e\u0436\u0435\u043c (\u0438 \u0445\u043e\u0442\u0438\u043c) \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442 (\u044d\u0442\u043e \u0442\u0435 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b \u0432 \u0441\u0430\u043c\u043e\u043c \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0435, \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e), \u0438 \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u0441\u0438\u043d\u044e\u044e \u043a\u043d\u043e\u043f\u043a\u0443 ‘Save’:<\/p>\n
  \"image\"\/<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043d\u0430\u0431\u0435\u0440\u0435\u043c \u0438\u043c\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u0434\u043e\u043c\u0435\u043d\u0430 \u0443\u043a\u0430\u0437\u0430\u0432 \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b httpS:\/\/<\/p>\n
  \"image\"\/<\/p>\n
  \u041d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043f\u043e\u043a\u0430 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435\u0442, \u043d\u043e \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u043c\u044b \u0443\u0432\u0438\u0434\u0438\u043c \u0437\u0435\u043b\u0435\u043d\u044b\u0439 \u0437\u0430\u043c\u043e\u0447\u0435\u043a, \u043a\u043b\u0438\u043a\u043d\u0443\u0432 \u043f\u043e \u043d\u0435\u043c\u0443 \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u0430.
  SSL \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442.<\/p>\n
 \u0421\u043a\u0435\u043b\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f <\/h1>\n
  \u0422\u0430\u043a\u0436\u0435 \u043a\u0430\u043a \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438<\/a> \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c Maven:  <\/p>\n
mvn archetype:generate -Dappengine-version=1.9.28 -Dapplication-id=hello-habrahabr-webapp -Dfilter=com.google.appengine.archetypes: <\/code><\/pre>\n
  (hello-habrahabr-webapp \u2014 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u044d\u0442\u043e \u043f\u0440\u043e\u0435\u043a\u0442 ID)<\/p>\n
  \u041d\u043e \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 Cloud Points API, \u0442\u043e \u0432\u043c\u0435\u0441\u0442\u043e \u0430\u0440\u0445\u0435\u0442\u0438\u043f\u0430 \u21162, \u0432\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0430\u0440\u0445\u0435\u0442\u0438\u043f \u21161 (\u0431\u0430\u0437\u043e\u0432\u044b\u0439 \u0441\u043a\u0435\u043b\u0435\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 GAE):  <\/p>\n
1: remote -> com.google.appengine.archetypes:appengine-skeleton-archetype (A skeleton application with Google App Engine) <\/code><\/pre>\n
  \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u2014 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u043e \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438<\/a>, \u043d\u043e \u0441 \u0434\u0440\u0443\u0433\u0438\u043c \u043f\u0440\u043e\u0435\u043a\u0442 ID.
  \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c Maven \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u043d\u0430\u043c \u043f\u0430\u043f\u043a\u0443 hello-habrahabr-webapp, \u0441\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u0444\u0430\u0439\u043b\u043e\u0432 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e\u0439 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443, \u043d\u043e \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044f src\/main\/java\/ \u0431\u0443\u0434\u0435\u0442 \u043f\u0443\u0441\u0442\u0430, \u0438 \u0434\u043b\u044f \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 \u043e\u043d\u0430 \u043d\u0430\u043c \u0441\u0435\u0439\u0447\u0430\u0441 \u043d\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f.<\/p>\n
  \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043a\u0430\u043a \u043c\u044b \u0434\u0435\u043b\u0430\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c pom.xml (\u0432 <appengine.version>1.9.27<\/appengine.version> \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0441\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e 1.2.8). \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e src\/main\/webapp\/WEB-INF\/ \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u0443\u0435\u043c \u0444\u0430\u0439\u043b\u044b appengine-web.xml \u0438 web.xml
  web.xml \u043d\u0430\u0441 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0447\u0442\u0438 \u043f\u0443\u0441\u0442, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u043d\u0435\u0433\u043e (\u043c\u0435\u0436\u0434\u0443 <web-app> <\/web-app>) \u0440\u0430\u0437\u0434\u0435\u043b\u044b security-constraint \u0438 welcome-file-list:  <\/p>\n
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http:\/\/java.sun.com\/xml\/ns\/javaee" xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:schemaLocation="http:\/\/java.sun.com\/xml\/ns\/javaee http:\/\/java.sun.com\/xml\/ns\/javaee\/web-app_2_5.xsd">     <!-- Force SSL for entire site -->     <!-- (server automatically redirects the requests to the SSL port         if you try to use HTTP ) -->     <security-constraint>         <web-resource-collection>             <web-resource-name>Entire Application<\/web-resource-name>             <url-pattern>\/*<\/url-pattern>         <\/web-resource-collection>         <user-data-constraint>             <transport-guarantee>CONFIDENTIAL<\/transport-guarantee>         <\/user-data-constraint>     <\/security-constraint>     <!-- Welcome file list -->     <welcome-file-list>         <welcome-file>index.html<\/welcome-file>     <\/welcome-file-list>     <!--  --> <\/web-app> <\/code><\/pre>\n
  \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b set.account.sh \u0438 commit.push.build.and.upload.sh \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0435 \u0442\u0435\u043c \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u0439 \u0447\u0430\u0441\u0442\u0438, \u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u044b:  <\/p>\n
git init gcloud init git config credential.helper gcloud.sh git remote add google https:\/\/source.developers.google.com\/p\/hello-habrahabr-webapp git push --all google set.account.sh commit.push.build.and.upload.sh <\/code><\/pre>\n
  \u0423\u0431\u0435\u0436\u0434\u0430\u0435\u043c\u0441\u044f \u0447\u0442\u043e \u043f\u0440\u043e\u0435\u043a\u0442 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440.
  Maven \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442 \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 .war \u0444\u0430\u0439\u043b \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u0439\u0441\u044f \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 target, \u0438 \u0432\u044b\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u0435\u0433\u043e \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 GAE. \u042d\u0442\u043e\u0442 \u0436\u0435 \u0444\u0430\u0439\u043b \u043c\u043e\u0436\u043d\u043e \u0434\u0435\u043f\u043b\u043e\u0438\u0442\u044c \u0438 \u043d\u0430 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b\u0439 java-\u0441\u0435\u0440\u0432\u0435\u0440 (Tomcat, Jetty)<\/p>\n
  \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u043c \u0443\u0431\u0435\u0434\u0438\u0442\u044c\u0441\u044f, \u0447\u0442\u043e \u043f\u0440\u0438 \u043f\u043e\u043f\u044b\u0442\u043a\u0435 \u0437\u0430\u0439\u0442\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442 \u043f\u043e \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b\u0443 http:\/\/ \u0441\u0435\u0440\u0432\u0435\u0440 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0435\u0440\u0435\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u0430 https:\/\/<\/p>\n
 \u0414\u043e\u0441\u0442\u0443\u043f \u043a API \u0431\u0435\u0437 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438<\/h1>\n
  \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e. \u0412 \u043f\u0440\u043e\u0448\u043b\u044b\u0439 \u0440\u0430\u0437 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 API \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0439 \u0431\u0435\u0437 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 (‘myApi API’) \u043f\u043e POST \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u043d\u0430 \u0430\u0434\u0440\u0435\u0441 hello-habrahabr-api.appspot.com\/_ah\/api\/myApi\/v1\/register<\/a> ( \u0444\u0430\u0439\u043b YourFirstAPI.java ). \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0442\u0430\u043a \u0447\u0442\u043e\u0431\u044b \u043e\u043d \u0432\u044b\u0434\u0430\u0432\u0430\u043b \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0432 logs, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u044e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432 \u043c\u0435\u043d\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430: Monitoring -> Logs, \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043b \u0442\u0430\u043a\u0436\u0435 \u043c\u0435\u0442\u043e\u0434 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0449\u0438\u0439 GET \u0437\u0430\u043f\u0440\u043e\u0441:  <\/p>\n
package com.appspot.hello_habrahabr_api;  import com.google.api.server.spi.config.Api; import com.google.api.server.spi.config.ApiMethod; import com.google.api.server.spi.config.ApiMethod.HttpMethod; import java.util.logging.Logger; import java.util.Random;  @Api(name = "myApi", \/\/The api name must match '[a-z]+[A-Za-z0-9]*'      version = "v1",      scopes = {Constants.EMAIL_SCOPE},      description = "first API for this application.") public class YourFirstAPI {    @SuppressWarnings("unused")   private static final Logger LOG = Logger.getLogger(YourFirstAPI.class.getName());    @ApiMethod(              name = "registerPOST",              path = "register",              httpMethod = HttpMethod.POST              )   @SuppressWarnings("unused")   public MessageToUser registerPOST(final UserForm userForm) {      LOG.warning("[YourFirstAPI] (HTTP Method: POST): userForm: {name: " + userForm.getName() + ", age: " + userForm.getAge() + ", ishuman: " + userForm.getIshuman() + "}" );      MessageToUser messageToUser = new MessageToUser();     messageToUser.setMessage("Hi, " + userForm.getName() + ", you are registered on our site");     Random random = new Random();     messageToUser.setUsernumber(random.nextInt(100) + 1);     messageToUser.setIsregistered(true);     return messageToUser;}    @ApiMethod(              name = "getGreeting",              path = "getgreeting",              httpMethod = HttpMethod.GET              )   @SuppressWarnings("unused")   public MessageToUser getGreeting(final UserForm userForm) {      LOG.warning("[YourFirstAPI] (HTTP Method: GET): userForm: {name: " + userForm.getName() + ", age: " + userForm.getAge() + ", ishuman: " + userForm.getIshuman() + "}" );      MessageToUser messageToUser = new MessageToUser();      messageToUser.setMessage("Hi, " + userForm.getName() + ", nice to meet you :)");     Random random = new Random();     messageToUser.setUsernumber(random.nextInt(100) + 1);     messageToUser.setIsregistered(false);     return messageToUser;} } <\/code><\/pre>\n
  \u0438 \u0437\u0430\u0434\u0435\u043f\u043b\u043e\u0438\u043c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 (\u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f \u0440\u0430\u043d\u0435\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c commit.push.build.and.upload.sh )<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0444\u043e\u0440\u043c\u0443 \u0434\u043b\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430. \u041f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u044e src\/main\/webapp\/ \u2014 \u044d\u0442\u043e \u043c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0441\u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0430\u0439\u043b\u044b, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 index.html, \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438, \u043a\u0440\u043e\u043c\u0435 WEB-INF\/ \u0442\u0430\u043a\u0436\u0435 \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u043e \u0432\u0441\u0435-\u0442\u0430\u043a\u0438 Java-\u0441\u0435\u0440\u0432\u0435\u0440 \u0442\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u043b\u044e\u0431\u043e\u0439 \u0442\u0430\u043a\u043e\u0439 \u0444\u0430\u0439\u043b \u043c\u043e\u0436\u0435\u0442 \u0442\u0430\u043a\u0436\u0435 \u0438 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u0435\u0440\u0432\u043b\u0435\u0442\u043e\u043c.<\/p>\n
  \u0418\u0442\u0430\u043a, index.html:  <\/p>\n
<!DOCTYPE html> <html lang="en">  <head>      <meta charset="utf-8">     <link rel="shortcut icon" href="favicon.ico?" \/>      <!-- JQUERY 2.1.4 -->     <script src="vendors\/jquery-2.1.4.js"><\/script>     <!-- BOOTSTRAP 3.3.5 -->     <link rel="stylesheet" href="vendors\/bootstrap.css">     <link rel="stylesheet" href="vendors\/bootstrap-theme.css">     <script src="vendors\/bootstrap.js"><\/script>     <!-- ANGULARJS 1.4.7 -->     <script src="vendors\/angular.js"><\/script>     <script src="vendors\/angular-route.js"><\/script>     <!--     <script src="https:\/\/code.jquery.com\/jquery-2.1.4.min.js"><\/script>     <link rel="stylesheet" href="https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/css\/bootstrap.min.css">     <link rel="stylesheet" href="https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/css\/bootstrap-theme.min.css">     <script src="https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/js\/bootstrap.min.js"><\/script>     <script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.4.7\/angular.min.js"><\/script>     <script src="https:\/\/code.angularjs.org\/1.4.7\/angular-route.min.js"><\/script>     -->      <!-- angular-google-gapi -->     <!-- https:\/\/github.com\/maximepvrt\/angular-google-gapi\/releases -->     <script src="vendors\/angular-google-gapi.js"><\/script>     <!-- ngProgress -->     <!-- https:\/\/github.com\/VictorBjelkholm\/ngProgress -->     <script src="vendors\/ngprogress.js"><\/script>     <link rel="stylesheet" href="vendors\/ngProgress.css">     <!-- angular-google-gapi -->     <!-- https:\/\/github.com\/maximepvrt\/angular-google-gapi\/releases -->     <script src="vendors\/angular-google-gapi.js"><\/script>      <!--  ~~~ MY APP ~~~ -->     <!-- main app module -->     <script src="js\/app.js"><\/script>     <!-- controllers -->     <script src="js\/simpleformcontroller.js"><\/script>     <script src="js\/authformcontroller.js"><\/script>     <!-- -->     <title>Cloud Endpoints Frontend<\/title>  <\/head>  <body ng-app="myApp">      <ng-view><\/ng-view>  <\/body>  <\/html>  <\/code><\/pre>\n
  \u041c\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043b\u0438 AngularJS<\/a> \u0441 \u043c\u043e\u0434\u0443\u043b\u0435\u043c (\u0438\u0437 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043d\u0430\u0431\u043e\u0440\u0430) ngRoute<\/a>.<\/p>\n
  \u0410 \u0442\u0430\u043a\u0436\u0435, \u0434\u043b\u044f \u0447\u0442\u043e\u0431\u044b \u0441\u0430\u0439\u0442 \u0438\u043c\u0435\u043b \u0434\u0440\u0443\u0436\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0432\u0438\u0434, \u0434\u043e\u0431\u0430\u0432\u0438\u043c Bootstrap<\/a> (+jQuery<\/a>), \u0438 AngularJS \u043c\u043e\u0434\u0443\u043b\u044c ngProgress<\/a>. \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043b\u0443\u0436\u0438\u0442 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u043e\u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 (progress bar), \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u0445\u043e\u0434 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432.<\/p>\n
  \u041c\u044b \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0438\u043b\u0438 angualrjs-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u00abmyApp\u00bb () \u0438 \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044e \u043c\u0435\u0441\u0442\u043e \u0434\u043b\u044f \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 ( <ng-view><\/ng-view> ), \u0438 \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0434\u0432\u0430 angularjs-\u043a\u043e\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0430: js\/simpleformcontroller.js \u0438 js\/authformcontroller.js, \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0438 \u0431\u0435\u0437 \u043e\u043d\u043e\u0439.<\/p>\n
  \u041c\u043e\u0434\u0443\u043b\u044c angular-google-gapi \u043d\u0430\u043c \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439, \u0438 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d \u0434\u0430\u043b\u0435\u0435.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c app.js:  <\/p>\n
'use strict';  (     function () {         \/\/ create main module         var app = angular.module("myApp", [                 'ngRoute',   \/\/ https:\/\/code.angularjs.org\/1.4.7\/docs\/api\/ngRoute                 'ngProgress' \/\/ https:\/\/github.com\/victorbjelkholm\/ngprogress             ]         );         \/\/ routes         app.config(function ($routeProvider) {                 $routeProvider.when('\/', {                     templateUrl: "templates\/simpleform.html",                     controller: "SimpleFormController"                 }).when('\/auth\/', {                         templateUrl: "templates\/authform.html",                         controller: "AuthFormController"                     })                     .otherwise({redirectTo: '\/'})             }         );     }() );  <\/code><\/pre>\n
  \u0418 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 js\/simpleformcontroller.js:  <\/p>\n
'use strict';  (     function() {          var SimpleFormController = function($scope, $http, ngProgressFactory) {              $scope.progressbar = ngProgressFactory.createInstance();             $scope.progressbar.setColor('blue');              $scope.data = {}; \/\/ data from form (ng-model="data. ...")              \/\/ $http configuration object             \/\/ https:\/\/code.angularjs.org\/1.4.7\/docs\/api\/ng\/service\/$http#usage             $scope.postReq = {                 method: 'POST',                 url: 'https:\/\/hello-habrahabr-api.appspot.com\/_ah\/api\/myApi\/v1\/register',                 data: $scope.data \/\/ 'data' for POST             };              $scope.getReq = {                 method: 'GET',                 url: 'https:\/\/hello-habrahabr-api.appspot.com\/_ah\/api\/myApi\/v1\/getgreeting',                 params: $scope.data \/\/ 'params:' for GET             };              $scope.actionPost = function() {                 $scope.progressbar.start();                 console.log("request sent:"); \/\/ for testing                 console.log($scope.postReq); \/\/ for testing                 \/\/ AJAX request:                 \/\/ $http(req).then(function(){...}, function(){...});                 $http($scope.postReq).then(function(response) {                         \/\/ success:                         $scope.progressbar.complete();                         $scope.serverresponse = response;                         $scope.errormessage = null;                         console.log("response received:");                         console.log(response);                     }, \/\/ comma operator, see: https:\/\/developer.mozilla.org\/en\/docs\/Web\/JavaScript\/Reference\/Operators\/Comma_Operator                     function(response) {                         \/\/ error:                         $scope.progressbar.complete();                         $scope.errormessage = response;                         $scope.serverresponse = null;                         console.log("get Error form server:");                         console.log(response);                     });             };              $scope.actionGet = function() {                 $scope.progressbar.start();                 console.log("request sent:"); \/\/ for testing                 console.log($scope.getReq); \/\/ for testing                 \/\/ AJAX request:                 \/\/ $http(req).then(function(){...}, function(){...});                 $http($scope.getReq).then(function(response) {                         \/\/ success:                         $scope.progressbar.complete();                         $scope.serverresponse = response;                         $scope.errormessage = null;                         console.log("response received:");                         console.log(response);                     }, \/\/ comma operator, see: https:\/\/developer.mozilla.org\/en\/docs\/Web\/JavaScript\/Reference\/Operators\/Comma_Operator                     function(response) {                         \/\/ error:                         $scope.progressbar.complete();                         $scope.errormessage = response;                         $scope.serverresponse = null;                         console.log("get Error form server:");                         console.log(response);                     });             };              $scope.clear = function() {                 $scope.serverresponse = null;                 $scope.errormessage = null;                 $scope.data = null;             };         };          \/\/ $inject property annotation         \/\/ see: https:\/\/code.angularjs.org\/1.4.7\/docs\/guide\/di         SimpleFormController.$inject = ['$scope', '$http', 'ngProgressFactory'];          angular.module('myApp')             .controller('SimpleFormController', SimpleFormController);      }());  <\/code><\/pre>\n
  \u0418\u0442\u0430\u043a: \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u00abMyApp\u00bb, \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 \u00abSimpleFormController\u00bb \u0438 \u0432 \u043d\u0435\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043b\u044f GET \u0438 POST \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043a ‘myApi API’ (\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u0434\u043e\u043c \u0432 \u0444\u0430\u0439\u043b\u0435 YourFirstAPI.java ) \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u043e \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043a\u043d\u043e\u043f\u043e\u043a, \u043d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u0430.<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d templates\/simpleform.html \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0431\u0443\u0434\u0435\u0442 html-\u0444\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043a API \u0438 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043e\u0442\u0432\u0435\u0442 \u0441\u0435\u0440\u0432\u0435\u0440\u0430:<\/p>\n
<div class="container">     <!-- Navigation Bar  -->     <nav class="navbar navbar-inverse">         <a class="navbar-brand" href="#\/">Front-end for Cloud Endpoints API<\/a>         <ul class="nav navbar-nav">             <li class="active"><a href="#\/">Home<\/a><\/li>             <li><a href="#\/auth\/">Auth<\/a><\/li>         <\/ul>     <\/nav>     <!-- Form -->     <form>         <fieldset>             <legend style="font-weight: bold;">Submit your data to server<\/legend>             <p>                 <label> Name:                     <input ng-model="data.name">                 <\/label>             <\/p>             <label> Age:                 <p>                     <input type="range" min="0" max="120" step="1" ng-model="data.age">                 <\/p>                 <p>                     <input ng-model="data.age" name="ageNumber" class="col-md-3">                     <span class="col-md-5">years old<\/span>                 <\/p>             <\/label>             <br>             <label>                 <p> Is a human:                     <input type="checkbox" ng-model="data.ishuman" name="data.ishuman">                 <\/p>             <\/label>         <\/fieldset>         <input type="button" value="Submit GET" ng-click="actionGet()">         <input type="button" value="Submit POST" ng-click="actionPost()">         <input type="reset" ng-click="clear()">     <\/form>     <!-- Server Response -->     <br>     <div class="panel panel-default">         <div ng-hide="(serverresponse != null || errormessage != null)" class="panel-body">             <p><\/p>             <br>             <p><\/p>             <br>         <\/div>         <div ng-show="serverresponse != null" class="panel-body">             <p>Response from server: <\/p>             <p>                 {{ serverresponse.data.message }} and your number is: {{serverresponse.data.usernumber}}             <\/p>         <\/div>         <div ng-show="errormessage != null" class="panel-body">             <p>Error from server: <\/p>             <p>                 {{errormessage.data.error.message}}             <\/p>         <\/div>     <\/div> <\/div>  <\/code><\/pre>\n
  \u0418\u0442\u043e\u0433\u043e \u043d\u0430 \u0434\u0430\u043d\u043d\u043e\u043c \u044d\u0442\u0430\u043f\u0435: index.html, templates\/simpleform.html, js\/app.js, js\/simpleformcontroller.js<\/p>\n
  \u0414\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440\u0438\u0438 src\/main\/webapp\/:  <\/p>\n
python -m SimpleHTTPServer <\/code><\/pre>\n
  \u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435:<\/p>\n
  \"image\"\/<\/p>\n
  \"image\"\/<\/p>\n
  \u0415\u0441\u043b\u0438 \u0432\u0441\u0435 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u2014 \u0434\u0435\u043f\u043b\u043e\u0438\u043c.<\/p>\n
 \u0414\u043e\u0441\u0442\u0443\u043f \u043a API \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u043b\u043e\u0433\u0438\u043d\u0430-\u043f\u0430\u0440\u043e\u043b\u044f \u0443\u0447\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 Google (OAuth 2.0)<\/h1>\n
 \u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u0430 <\/h2>\n
  \u0412 \u043d\u0430\u0447\u0430\u043b\u0435 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0432 \u0431\u044d\u043a\u0435\u043d\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u0443 \u043d\u0430\u0441 \u044d\u0442\u043e \u0431\u044b\u043b hello-habrahabr-api ) \u0432 \u043c\u0435\u043d\u044e:
  APIs & auth -> Credentials -> Add Credentials -> OAuth 2.0 Client ID
  \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0430\u0434\u0440\u0435\u0441\u0430 \u0434\u043e\u043c\u0435\u043d\u043e\u0432 \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 Javascript \u043c\u043e\u0436\u0435\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a API (Authorized JavaScript origins) \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f OAuth 2.0 \u043e\u0442 Google, \u0442.\u0435. \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u043f\u0440\u043e\u043f\u0438\u0448\u0435\u043c hello-habrahabr-webapp.appspot.com \u0438\/\u0438\u043b\u0438 \u0441\u0432\u043e\u0439 \u0434\u043e\u043c\u0435\u043d \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 SSL \u0441\u0435\u0440\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u044b, \u043a\u0430\u043a \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u043e\u0441\u044c \u0432\u044b\u0448\u0435. \u0415\u0441\u043b\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043b\u043e\u0433\u0438\u043d\u0438\u0442\u044c\u0441\u044f \u0441 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u0442\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c localhost + \u043d\u043e\u043c\u0435\u0440 \u043f\u043e\u0440\u0442\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 localhost<\/a>:8000<\/p>\n
  \u0412 \u043f\u043e\u043b\u0435 ‘Name’ \u0432\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u043e\u0435 \u0438\u043c\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 ‘Web Client’, \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u043a\u043d\u043e\u043f\u043a\u043e\u0439 \u00abSave\u00bb:<\/p>\n
  \"image\"\/<\/p>\n
  \u041d\u0443\u0436\u043d\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043f\u043e\u043b\u044f \u00abClient ID\u00bb, \u0432\u0438\u0434\u0430: 647700180043-m8et0au4vhgiv2n4iqr2hssn0mkkl7q0.apps.googleusercontent.com, \u0438\u043b\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c JSON-\u0444\u0430\u0439\u043b \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u043a\u043b\u0438\u043a\u043d\u0443\u0432 \u043f\u043e \u043f\u0438\u043a\u0442\u043e\u0433\u0440\u0430\u043c\u043c\u0435, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0435 \u043e\u0442\u043c\u0435\u0447\u0435\u043d\u0430 \u043a\u0440\u0430\u0441\u043d\u044b\u043c.<\/p>\n
  \u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u0441 API (\u0443 \u043d\u0430\u0441 \u044d\u0442\u043e hello-habrahabr-api) \u0432 \u0444\u0430\u0439\u043b\u0435 Constants.java: WEB_CLIENT_ID \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 Client ID, \u0430 EMAIL_SCOPE \u2014 \u00abwww.googleapis.com\/auth\/userinfo.email<\/a>\u00bb:  <\/p>\n
package com.appspot.hello_habrahabr_api;  import com.google.api.server.spi.Constant;  \/**  * Contains the client IDs and scopes for allowed clients consuming your API.  *\/ public class Constants {     public static final String WEB_CLIENT_ID = "647700180043-m8et0au4vhgiv2n4iqr2hssn0mkkl7q0.apps.googleusercontent.com";     public static final String ANDROID_CLIENT_ID = "replace this with your Android client ID";     public static final String IOS_CLIENT_ID = "replace this with your iOS client ID";     public static final String ANDROID_AUDIENCE = WEB_CLIENT_ID;      public static final String EMAIL_SCOPE = "https:\/\/www.googleapis.com\/auth\/userinfo.email";      public static final String API_EXPLORER_CLIENT_ID = Constant.API_EXPLORER_CLIENT_ID; } <\/code><\/pre>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u043c \u043d\u0430\u0448 OAuth2Api.java, \u0432 \u0430\u043d\u043d\u043e\u0442\u0430\u0446\u0438\u0438  Api<\/a> \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u0442\u044c:  <\/p>\n
        scopes = {Constants.EMAIL_SCOPE},         clientIds = {Constants.WEB_CLIENT_ID, Constants.API_EXPLORER_CLIENT_ID}, <\/code><\/pre>\n
  \u042d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u0431\u0443\u0434\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u043e\u0442 \u0432\u0435\u0431-\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043f\u0440\u0438\u0441\u0432\u043e\u0435\u043d \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0439 Client ID (\u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043a\u043b\u0438\u0435\u043d\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 Client ID, \u043d\u043e \u0438 \u0437\u0430\u043f\u0440\u043e\u0441 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0441 \u0434\u043e\u043c\u0435\u043d\u0430 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 APIs & auth \u2014 Credentials) \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c email. \u0415\u0441\u043b\u0438 \u044d\u0442\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u0432 OAuth2Api.java, \u0442\u043e \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u044b API \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u043e\u0439 401. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0435\u0441\u043b\u0438 \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u0442\u044c Constants.API_EXPLORER_CLIENT_ID, \u0442\u043e \u043f\u0440\u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0432 API Explorer, \u0442.\u0435. \u0432\u0435\u0431-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0435 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 \u0432\u0438\u0434\u0430 {\u043f\u0440\u043e\u0435\u043a\u0442 ID}.appspot.com\/_ah\/api\/explorer \u0442\u0430\u043a\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0434\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u043e\u0448\u0438\u0431\u043a\u0430 401 (\u0442\u043e \u0435\u0441\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f<\/a>)<\/p>\n
  OAuth2Api.java \u0432 \u043d\u043e\u0432\u043e\u0439 \u0440\u0435\u0434\u0430\u043a\u0446\u0438\u0438:  <\/p>\n
package com.appspot.hello_habrahabr_api;  \/**  * explore on: https:\/\/apis-explorer.appspot.com\/apis-explorer\/?base=https:\/\/hello-habrahabr-api.appspot.com\/_ah\/api#p\/oAuth2Api\/v1\/  *\/  import com.google.api.server.spi.config.Api; import com.google.api.server.spi.config.ApiMethod; import com.google.api.server.spi.config.ApiMethod.HttpMethod; import com.google.api.server.spi.response.UnauthorizedException; import com.google.appengine.api.users.User; import com.google.appengine.repackaged.com.google.gson.Gson;  import java.util.Random; import java.util.logging.Logger;  @Api(name = "oAuth2Api", \/\/ The api name must match '[a-z]+[A-Za-z0-9]*'         version = "v1",         scopes = {Constants.EMAIL_SCOPE},         clientIds = {Constants.WEB_CLIENT_ID, Constants.API_EXPLORER_CLIENT_ID},         description = "API using OAuth2") public class OAuth2Api {      @SuppressWarnings("unused")     private static final Logger LOG = Logger.getLogger(OAuth2Api.class.getName());      @ApiMethod(             name = "getUserInfo",             path = "getuserinfo",             httpMethod = HttpMethod.POST     )     @SuppressWarnings("unused")     public MessageToUser getUserInfo(final User user, final UserForm userForm)             throws UnauthorizedException {          if (user == null) {             LOG.warning("User not logged in");             throw new UnauthorizedException("Authorization required");         }          MessageToUser messageToUser = new MessageToUser();         Gson gson = new Gson();         messageToUser.setMessage(                 "Hi, " +                         userForm.getName() +                         ", your data from Google: " +                         gson.toJson(user)         );         Random random = new Random();         messageToUser.setUsernumber(random.nextInt(100) + 1);         messageToUser.setIsregistered(true);          return messageToUser;     } }  <\/code><\/pre>\n
  \u041c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0448 API \u0432 \u0432 API Explorer, \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0443.<\/p>\n
 \u0424\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 <\/h2>\n
  \u0414\u043b\u044f \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a API \u0441 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 Google \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 API Client Library for JavaScript<\/a>, \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0432\u0435\u0431-\u043a\u043b\u0438\u0435\u043d\u0442\u0435 AngularJS \u043c\u043e\u0434\u0443\u043b\u044c angular-google-gapi<\/a>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e \u0441\u0443\u0442\u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u043e\u0431\u0435\u0440\u0442\u043a\u0443 \u0434\u043b\u044f \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0435 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 AngularJS \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u044b\u043c. \u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043f\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e \u043c\u043e\u0434\u0443\u043b\u044f \u0441\u043c. \u043d\u0430 github.com\/maximepvrt\/angular-google-gapi<\/a><\/p>\n
  \u041c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438  \u0432 index.html<\/p>\n
  \u041d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c \u0432 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f ( var app = angular.module(‘myApp’, [‘angular-google-gapi’]); ), \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e app.run (\u2026 ).
  \u0412\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u044d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0442\u0430\u043a (js\/app.js):  <\/p>\n
'use strict';  (     function () {          \/\/ create main module         var app = angular.module("myApp", [             'ngRoute', \/\/ https:\/\/code.angularjs.org\/1.4.7\/docs\/api\/ngRoute             'ngProgress', \/\/ https:\/\/github.com\/victorbjelkholm\/ngprogress             'angular-google-gapi' \/\/ https:\/\/github.com\/maximepvrt\/angular-google-gapi\/ - add app.run() after app.config()         ]);          \/\/ routes         app.config(function ($routeProvider) {             $routeProvider.when('\/', {                 templateUrl: "templates\/simpleform.html",                 controller: "SimpleFormController"             }).when('\/auth\/', {                 templateUrl: "templates\/authform.html",                 controller: "AuthFormController"             }).otherwise({redirectTo: '\/'})         });          app.run(['GAuth', 'GApi', 'GData', '$rootScope',             function (GAuth,                       GApi,                       GData,                       $rootScope) {                 $rootScope.gdata = GData; \/\/                  var CLIENT = '647700180043-m8et0au4vhgiv2n4iqr2hssn0mkkl7q0.apps.googleusercontent.com';                 var BASE = 'https:\/\/hello-habrahabr-api.appspot.com\/_ah\/api';                 GApi.load('oAuth2Api', 'v1', BASE);                 GAuth.setClient(CLIENT);                  \/\/ see: https:\/\/github.com\/maximepvrt\/angular-google-gapi\/issues\/8                 GAuth.setScope("https:\/\/www.googleapis.com\/auth\/userinfo.email");                  GAuth.checkAuth().then(                     function () {                         \/\/ action if it's possible to authenticate user at startup of the application                         console.log("user authenticated, $rootScope.gapi.user: ");                         console.log(console.log($rootScope.gapi.user));                     },                     function () {                         \/\/ action if it's impossible to authenticate user at startup of the application                         console.log("user not authenticated, $rootScope.gapi.user: ");                         console.log(console.log($rootScope.gapi.user));                     }                 );                  $rootScope.login = function () { \/\/ shows auth window from Google                     GAuth.login().then(                         function () {                             console.log('user logged in');                             console.log(console.log($rootScope.gapi.user));                         });                 };                  \/*                  *  As stated on                  *  https:\/\/cloud.google.com\/appengine\/docs\/java\/endpoints\/consume_js:                  *  "There is no concept of signing out using the JS client library,                  *  but you can emulate the behavior if you wish by any of these methods:                  *  - Resetting the UI to the pre signed-in state.                  *  - Setting any signed-in variables in your application logic to false                  *  - Calling gapi.auth.setToken(null);" \/\/ <- *                  * *\/                 $rootScope.logout = function () {                     GAuth.logout().then(                         function () {                             console.log('user logged out');                             console.log(console.log($rootScope.gapi.user));                         });                 };             }         ]);     }() );  <\/code><\/pre>\n
  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u0438 login() \u0438 logout() \u043c\u044b \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u043b\u0438 \u0432 ‘$rootScope’, \u0432 \u043d\u0430\u0448\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u044d\u0442\u043e \u043d\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0438\u0430\u043b\u044c\u043d\u043e, \u043d\u043e \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u044f\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u043a\u043e\u0433\u0434\u0430 \u0431\u0443\u0434\u0443\u0442 \u044d\u0442\u0438 \u0440\u0430\u0437\u043d\u044b\u0435 \u0447\u0430\u0441\u0442\u0438)<\/p>\n
  \u0422\u0435\u043f\u0435\u0440\u044c \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440 js\/authformcontroller.js:  <\/p>\n
'use strict';  (     function () {          var AuthFormController = function ($scope, $rootScope, $http, GApi, GAuth, ngProgressFactory) {              $scope.progressbar = ngProgressFactory.createInstance();             $scope.progressbar.setColor('#00F');              $scope.data = {}; \/\/ object to store form data              $scope.authrequest = function () {                  $scope.progressbar.start();                 GAuth.checkAuth().then(                     function () {                         \/\/ if it's possible to authenticate user                         GApi.executeAuth( \/\/ execute request                             'oAuth2Api',                             'getUserInfo',                             $scope.data \/\/ data to send to server                             )                             .then(function (resp) {  \/\/ receive response                                 $scope.userinfofromserver = resp;                                 console.log("GApi.executeAuth() get resp:");                                 console.log(resp);                                 $scope.progressbar.complete();                             });                     },                     function () {                         \/\/ if it's impossible to authenticate user                         $scope.userinfofromserver = {};                         $scope.userinfofromserver.message = 'User not logged in ';                         console.log("GAuth.checkAuth() - failed: ");                         console.log(console.log($rootScope.gapi.user));                         $scope.progressbar.complete();                     }                 );             };              $scope.clear = function () {                 $scope.userinfofromserver = null;                 $scope.data = null;             };          };          \/\/ $inject property annotation         \/\/ see: https:\/\/code.angularjs.org\/1.4.7\/docs\/guide\/di         AuthFormController.$inject = ['$scope', '$rootScope', '$http', 'GApi', 'GAuth', 'ngProgressFactory'];          angular.module('myApp')             .controller('AuthFormController', AuthFormController);      }()  );  <\/code><\/pre>\n
  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u0447\u0442\u043e \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c GApi.executeAuth(), \u043c\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c GAuth.checkAuth() \u2014 \u044d\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u043e\u0433\u043e \u0441\u0430\u043c\u0438\u043c \u0430\u0432\u0442\u043e\u0440\u043e\u043c \u043c\u043e\u0434\u0443\u043b\u044f, \u043d\u043e \u043c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u044d\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c, GApi.executeAuth() \u2014 \u043e\u0431\u043d\u043e\u0432\u0438\u0442 \u0430\u0443\u0442\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044e \u043f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u043f\u043e\u0441\u044b\u043b\u0430\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441, \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0438 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0435 \u043f\u043e\u0441\u043b\u0435 \u0434\u043e\u043b\u0433\u043e\u0433\u043e \u043f\u0435\u0440\u0438\u043e\u0434\u0430 \u0431\u0435\u0437\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0438 \u0442.\u043f.<\/p>\n
  \u0412 $rootScope \u0443 \u043d\u0430\u0441 \u0442\u0435\u043f\u0435\u0440\u044c \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442 gapi.user, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0437\u0430\u043b\u043e\u0433\u0438\u043d\u0435\u043d\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435:   <\/p>\n