google app engine python

Question

Я довольно новичок в веб-разработке. Я пытаюсь узнать, как разработать веб-сервис в google-приложении-движке, но вместо этого используя шаблон jinja2, что в руководстве по обучению в Google я хотел бы, чтобы страница была построена на стороне клиента и использовала угловые символы. Я хотел бы получить несколько советов о том, как организовать проект, yaml, как подать javascript из app.py. Я буду оценивать это.

Thanx.

Answer 1

Вы можете организовать проект, как и любой другой angularjs проекта, Вы можете узнать больше об организации angularjs проектов в следующей ссылке:

AngularJS application file structure

Например:

• project_directory
  • приложение
    • активов (изображения, шрифты и т.д.)
    • скриптов (контроллеры, директивы, услуги, плагины и т.д.)
    • стилей (CSS и т.д.)
    • тестов (блок)
    • просмотры (HTML и т.д.)
    • index.html
  • app.py
  • app.yaml

В вашем app.yaml добавить обработчики:

- url:/
    static_files: app/index.html 

- url: /.* 
    script: app.application 

Чтобы получить данные из де app.py, Вам нужно сделать HTTP-запросов в адрес класса питона. Например:

В app.py:

# [START UserLogout] 
class UserLogout(webapp2.RequestHandler): 
    def get(self): 
     url_logout = users.create_logout_url('/') 
     self.response.out.write(url_logout) 
# [END UserLogout] 

и:

application = webapp2.WSGIApplication([ 
    ('/SampleClass', SampleClass), 
    ('/UserLogout', UserLogout), 
    (decorator.callback_path, decorator.callback_handler()) 
], debug=True) 

В этом примере, чтобы сделать запрос, чтобы получить URL выхода из системы и перенаправляет пользователя:

function logoutCtrl($http, $scope) { 
     $scope.logoutUrlClick = function() { 
     $http.get('UserLogout'). 
     success(function(data_logout, status, headers, config) { 
      // when the response is available 
      window.location= data_logout; 
     }). 
     error(function(data_logout, status, headers, config) { 
      // when server returns response with an error status. 
      // some error notification 
     }); 
     }; 
}; 

Чтобы узнать больше о методах $ http:

https://docs.angularjs.org/api/ng/service/$http