{"id":204170,"date":"2013-11-29T15:15:02","date_gmt":"2013-11-29T11:15:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=204170"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=204170","title":{"rendered":"\u0421\u043c\u043e\u0433\u0443\u0442 \u043b\u0438 \u043f\u043e\u0434\u0440\u0443\u0436\u0438\u0442\u044c\u0441\u044f Angular.js \u0438 Facebook Login?<\/span>"},"content":{"rendered":"
\t\t\t\u041f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e, \u0434\u043e\u0440\u043e\u0433\u0438\u0435 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438 \u0425\u0430\u0440\u0431\u0430!<\/p>\n

\u0421\u0432\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0441\u0442, \u043c\u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u043f\u043e\u0441\u0432\u044f\u0442\u0438\u0442\u044c \u0442\u043e\u043c\u0443, \u0441 \u0447\u0435\u043c, \u043f\u043e\u043a\u0430 \u0447\u0442\u043e, \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0439 \u0432\u0441\u0435\u0433\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u2014 Angular \u0438 Node.<\/p>\n

\u0417\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, (\u043e\u043a\u043e\u043b\u043e 7 \u043c\u0435\u0441\u044f\u0446\u0435\u0432) \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Angular, \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u043f\u0430\u0440\u0443 \u0441\u0432\u043e\u0438\u0445 \u043d\u0430\u0440\u0430\u0431\u043e\u0442\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0433\u043e\u0440\u044e \u0436\u0435\u043b\u0430\u043d\u0438\u0435\u043c \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f. \u041a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u044d\u0442\u043e \u043d\u0435 \u0441\u0430\u043c Facebook Login, \u043a\u0430\u043a\u0438\u043c \u0435\u0433\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Facebook JS SDK, \u0438 \u043d\u0435 \u00abHello World with Angular.js\u00bb, \u043d\u043e \u0432\u0441\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e-\u0442\u0430\u043a\u0438 \u043f\u0440\u043e\u0441\u0442\u043e. <\/p>\n

\u041c\u043e\u0442\u0432\u0430\u0446\u0438\u044f, \u0432 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438, \u2014 \u0436\u0435\u043b\u0430\u043d\u0438\u0435 \u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043a\u043e\u0435-\u043a\u0430\u043a\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c \u0432 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u0445.
<\/a> <\/p>\n

[\u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0434\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440]<\/h6>\n

\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0441\u0435 \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u0438\u0436\u0435 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u2014 \u0432\u0437\u0440\u044b\u0432\u043e\u043e\u043f\u0430\u0441\u043d\u0430\u044f \u0441\u043c\u0435\u0441\u044c \u0431\u0440\u0435\u0434\u0430 \u0441 \u043a\u0443\u0441\u043a\u0430\u043c\u0438 \u043a\u043e\u0434\u0430, \u043d\u043e \u044f \u0438\u0441\u043a\u0440\u0435\u043d\u043d\u0435 \u043d\u0430\u0434\u0435\u044e\u0441\u044c \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043e\u0446\u0435\u043d\u043a\u0443 \u0438 \u043f\u043e\u043c\u043e\u0449\u044c \u043e\u043f\u044b\u0442\u043d\u044b\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0432 \u0432\u044b\u0431\u043e\u0440\u0435 \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0445\\\u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439.<\/p>\n

Backend<\/h4>\n

\u0412\u044b\u0431\u043e\u0440 \u043c\u043e\u0439 \u043f\u0430\u043b \u043d\u0430 Node \u043d\u0435 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e. \u041d\u0443 \u043b\u044e\u0431\u043b\u044e \u044f JavaScript. \u041a \u0442\u043e\u043c\u0443 \u0436\u0435 \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u043e, \u043a\u0430\u043a \u043c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435. \u041f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u044f\u0442\u044c \u00ab\u043f\u043e\u0447\u0435\u043c\u0443\u00bb \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0441\u043c\u044b\u0441\u043b\u0430. \u0412 \u041a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0432\u044b\u0431\u0440\u0430\u043b Express, \u0442.\u043a. \u043f\u043e \u043d\u0435\u043c\u0443 \u0435\u0441\u0442\u044c \u0443\u0439\u043c\u0430 \u0441\u0442\u0430\u0442\u0435\u0439 howto, \u043e\u0447\u0435\u043d\u044c \u043b\u0435\u0433\u043a\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f, \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0440\u043e\u0443\u0442\u0438\u043d\u0433. \u042d\u0442\u043e \u0432\u0441\u0435 \u0447\u0442\u043e \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e.<\/p>\n

\u0414\u0430\u043b\u044c\u0448\u0435 \u043c\u044b \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0439 \u043f\u043e\u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c \u0432\u0430\u0436\u043d\u044b\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u044b.<\/p>\n

\u0412\u0437\u0433\u043b\u044f\u043d\u0435\u043c, \u043a\u0430\u043a \u0441\u0435\u0440\u0432\u0435\u0440 \u0440\u0435\u0430\u0433\u0438\u0440\u0443\u0435\u0442 \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430:<\/p>\n

app.js<\/b><\/p>\n
\n
var express     = require('express') ,   expressLayouts = require('express-ejs-layouts') ,   less        = require('less-middleware') ,   routes      = require('.\/routes') ,   config      = require('.\/settings') ,   http        = require('http') ,   path        = require('path') ,   app         = express() ;  \/\/ all environments app.set('view engine', 'ejs'); app.set('views', __dirname + '\/views'); app.set('layout', 'layout'); app.locals({     appName: config.APP_NAME,     appId: config.APP_ID,     appUrl: config.APP_URL,     scope: config.SCOPE,     random: Math.random() }); app.use(expressLayouts); app.use(express.favicon()); app.use(express.logger('dev')); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(express.cookieParser()); app.use(express.session({ secret: config.SECRET, maxAge: new Date(Date.now() + 3600000) })); app.use(require('less-middleware')({     force: true,     dest: path.join(__dirname, 'public', 'css'),     src:  path.join(__dirname, 'less'),     prefix: '\/static\/css\/' })); app.use('\/static', express.static(path.join(__dirname, 'public'))); app.use('\/static', express.static(path.join(__dirname, 'bower_components'))); app.use(app.router);  \/\/ landing page app.get('\/'                             , routes.index); app.get('\/partials\/:name'               , routes.partials); app.get('\/partials\/:folder\/:name'       , routes.partials); app.all(\/^(\\\/((?!static)\\w.+))+$\/       , routes.index);   http.createServer(app).listen(config.PORT, function(){   console.log('Express server listening on port ' + config.PORT); });  <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u0435, \u0442.\u043a. \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u2014 \u044d\u0442\u043e \u0447\u0438\u0441\u0442\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0447\u0430\u0441\u0442\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0442\u0443\u0442\u043e\u0440\u0438\u0430\u043b\u0430\u0445 \u0442\u0438\u043f\u0430 \u00abGet started with Express\u00bb<\/p>\n
  \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043c\u044b \u0433\u043e\u0442\u043e\u0432\u0438\u043c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c single-page \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440 \u0442\u0430\u043a, \u0447\u0442\u043e \u0431\u044b \u043d\u0430 \u0437\u0430\u043f\u0440\u043e\u0441 \u043e\u043d \u043e\u0442\u0434\u0430\u0432\u0430\u043b \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443\u0436\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u0442\u0435\u0433\u043e\u043c <ng-view><\/ng-view>, \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0431\u044b Angular \u0441\u043c\u043e\u0433 \u0441\u0430\u043c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0438\u0439 URL \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0438 \u0441 \u0440\u043e\u0443\u0442\u0438\u043d\u0433\u043e\u043c \u043d\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0435 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 partial (\u043e\u0431 \u044d\u0442\u043e\u043c \u043f\u043e\u0437\u0436\u0435..) <\/p>\n
  \u0422\u0430\u043a \u0432\u043e\u0442 \u2014 \u041a\u0430\u043a \u043d\u0430\u043c \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u044c Express’\u0443, \u0447\u0442\u043e \u0435\u0441\u0442\u044c \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 \u0437\u0430\u043f\u0440\u043e\u0441\u0430\u043c\u0438 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 (js, css, images), \u0438 \u043e\u0431\u044b\u0447\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 (\u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0443 \u043d\u0430\u0441 \u043d\u0435 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435) \u0442\u0430\u043a, \u0447\u0442\u043e \u0431\u044b:
   \u2014 \u043e\u043d \u043d\u0435 \u0440\u0443\u0433\u0430\u043b\u0441\u044f \u043d\u0430\u043c \u043e \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u043f\u0443\u0442\u044f\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u043d\u0435 \u043c\u0435\u0448\u0430\u043b \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c Angular’\u0443;
   \u2014 \u043e\u043d \u0432\u0441\u0451 \u0436\u0435 \u0432\u044b\u0441\u043a\u0430\u0437\u0430\u043b \u0432\u0430\u043c \u0432\u0441\u0451, \u0447\u0442\u043e \u043e \u0432\u0430\u0441 \u0434\u0443\u043c\u0430\u0435\u0442, \u0435\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u043b\u0438 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0444\u0430\u0439\u043b;<\/p>\n
  \u0412\u043e\u0442 \u043a\u0430\u043a-\u0442\u043e \u0442\u0430\u043a:  <\/p>\n
\/\/ \u0434\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u043f\u0438\u0448\u0435\u043c \u043f\u0430\u043f\u043a\u0438 \u0441\u043e \u0441\u0442\u0430\u0442\u0438\u043a\u043e\u0439  app.use('\/static', express.static(path.join(__dirname, 'public'))); app.use('\/static', express.static(path.join(__dirname, 'bower_components'))); app.use(app.router); \/\/ \u0412\u0430\u0436\u043d\u043e - \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u043c\u044b \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0440\u043e\u0443\u0442\u0435\u0440.  \/\/ landing page app.get('\/'                             , routes.index); \/\/ GET \u0437\u0430\u043f\u0440\u043e\u0441 \u043a \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c index, \u0442.\u0435. homepage \u0441 \u0442\u0435\u0433\u043e\u043c <ng-view> app.get('\/partials\/:name'               , routes.partials); \/\/ \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0434\u043e\u0441\u0442\u0443\u043f \u043a Partials'\u0430\u043c \u0434\u043b\u044f Angular'a app.get('\/partials\/:folder\/:name'       , routes.partials); \/\/ \u0442\u043e\u0436\u0435 \u0441\u0430\u043c\u043e\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u0448\u0430\u0431\u043b\u043e\u043d \u0432\u043b\u043e\u0436\u0435\u043d \u0432 \u043f\u0430\u043f\u043a\u0443 app.all(\/^(\\\/((?!static)\\w.+))+$\/       , routes.index); \/\/ \u041f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u043f\u0430\u043b\u044c\u0446\u0430\u0445 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u044c, \u0447\u0442\u043e "\u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0435 \u043d\u0435\u0441\u0435\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043f\u0440\u0438\u0441\u0442\u0430\u0432\u043a\u0443 \/static\/ \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0446\u0435\u043d\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430 \u0434\u043b\u044f Angular'a".  <\/code><\/pre>\n
  \u041f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u2014 \u0410 \u043a\u0430\u043a \u043d\u0430\u043c \u0441\u043e\u043e\u0431\u0449\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435 404, \u0435\u0441\u043b\u0438 \u0437\u0430\u043f\u0440\u043e\u0448\u0435\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0438 ( \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443 \/ololo ) \u0443 \u043d\u0430\u0441 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043e? <\/p>\n
Frontend<\/h4>\n
  \u041f\u0440\u0435\u0436\u0434\u0435 \u0447\u0435\u043c \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a Angular \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u044f\u0442\u044c, \u0433\u0434\u0435 \u0432\u044b \u043e\u0448\u0438\u0431\u043b\u0438\u0441\u044c, \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0444\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f (\u0434\u0430 \u0438 \u0432\u0441\u0435\u0439 \u0441\u0442\u0430\u0442\u0438\u043a\u0438 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u043d\u0435 \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0438\u0437 bower)<\/p>\n
\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/b><\/p>\n
\u251c\u2500\u2500 public
  \u2502\u00a0\u00a0 \u251c\u2500\u2500 css
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 style.css
  \u2502\u00a0\u00a0 \u251c\u2500\u2500 images
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 fb_button.png
  \u2502\u00a0\u00a0 \u251c\u2500\u2500 js
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 application.js \u2014 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043f\u043e\u0437\u0436\u0435\u2026
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 controllers.js \u2014 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u043e\u0432
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 directives.js \u2014 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u0434\u043b\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 filters.js \u2014 \u0434\u043b\u044f \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u251c\u2500\u2500 services.js \u2014 \u0434\u043b\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u2514\u2500\u2500 modules \u2014 \u0432 \u044d\u0442\u043e\u0439 \u043f\u0430\u043f\u043a\u0438 \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f
  \u2502\u00a0\u00a0 \u2502\u00a0\u00a0 \u00a0\u00a0 \u2514\u2500\u2500 friends.js \u2014 \u0432\u043e\u0442 \u043e\u0434\u043d\u0430 \u0438\u0437 \u043d\u0438\u0445 \u2014 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \/friends \u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u044b, \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b, \u0438 \u0444\u0438\u043b\u044c\u0442\u0440\u044b, \u043a\u0430\u0441\u0430\u044e\u0449\u0438\u0435\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0437\u0434\u0435\u0441\u044c  <\/div>\n<\/div>\n
  \u0412 \u043e\u0431\u0449\u0435\u043c-\u0442\u043e \u043f\u0430\u043f\u043a\u0443 modules \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u0438 \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443 \u2014 pages \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440\u2026
  \u0442.\u0435. \u0433\u043e\u0432\u043e\u0440\u044f \u0432 \u0434\u0432\u0443\u0445 \u0441\u043b\u043e\u0432\u0430\u0445 \u2014 \u0435\u0441\u0442\u044c 2 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439: 
   \u2014 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0430\u044f \u2014 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b, \u0444\u0438\u043b\u044c\u0442\u0440\u044b, \u0441\u0435\u0440\u0432\u0438\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u044b \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443
   \u2014 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u043d\u0430\u044f \u2014 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0440\u043e\u0443\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438, \u0438 \u0442\u0430\u043a \u0436\u0435 \u2014 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b, \u0444\u0438\u043b\u044c\u0442\u0440\u044b, \u0441\u0435\u0440\u0432\u0438\u0447\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u043e\u0442\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u044d\u0442\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0438 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u044b \u0437\u0430 \u0440\u0430\u043c\u043a\u0430\u043c\u0438 \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f. <\/p>\n
  \u041d\u0443 \u044d\u0442\u043e \u0432\u0441\u0435, \u043a\u043e\u043d\u0435\u0447\u043d\u043e, \u0432 \u0442\u0435\u043e\u0440\u0438\u0438\u2026 \u041a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043b\u0430\u0435\u0442, \u043a\u0430\u043a \u0435\u043c\u0443 \u0434\u0443\u0448\u0430 \u043f\u043e\u0436\u0435\u043b\u0430\u0435\u0442, \u043d\u043e \u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043f\u043e\u043c\u043e\u0433 \u043c\u043d\u0435 \u043d\u0435 \u0443\u0442\u043e\u043d\u0443\u0442\u044c \u0432 \u043b\u0430\u043f\u0448\u0435 \u0438\u0437 \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0445 \u043c\u0435\u043b\u043a\u0438\u0445 \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432 \u0438 \u0432\u043d\u0435\u0437\u0430\u043f\u043d\u044b\u0445 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440\u043e\u0432 \u043f\u043e\u0441\u0440\u0435\u0434\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432. \u0414\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432, \u043d\u0430\u0432\u0435\u0440\u043d\u043e\u0435, \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f. \u0412\u0435\u0440\u043d\u0435\u043c\u0441\u044f \u0432\u0441\u0435 \u0436\u0435 \u043a \u043d\u0430\u0448\u0435\u0439 \u0442\u0435\u043c\u0435.<\/p>\n
layout.ejs<\/b><\/p>\n
\n
<html ng-app="angularfb"> <head>     <title>Facebook app<\/title>     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <link rel="stylesheet" href="\/static\/css\/style.css">     <link rel="stylesheet" href="\/static\/bootstrap\/dist\/css\/bootstrap.css">     <link rel="stylesheet" href="\/static\/bootstrap\/dist\/css\/bootstrap-theme.css">     <link rel="stylesheet" href="\/static\/font-awesome\/css\/font-awesome.min.css">     <!--[if IE 7]>     <link rel="stylesheet" href="\/static\/font-awesome\/css\/font-awesome-ie7.min.css">     <![endif]-->     <link href='http:\/\/fonts.googleapis.com\/css?family=Domine' rel='stylesheet' type='text\/css'>     <style type="text\/css">         [ng\\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {             display: none !important;         }     <\/style>     <script type="text\/javascript">         \/\/ \u0432\u044b\u0442\u044f\u043d\u0443\u043b\u0438 \u0438\u0437 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0432\u0441\u0435 \u0447\u0442\u043e \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0438 \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f, \u043a\u0430\u0441\u0430\u0442\u0435\u043b\u044c\u043d\u043e Facebook API         FB_APP_NAME = '<%= appName %>';         FB_APP_ID   = '<%= appId %>' ;         FB_APP_URL  = '<%= appUrl %>';         FB_SCOPE    = '<%= scope %>';     <\/script>  <\/head>  <body ng-class="{'page-loader': !$root.user}">     <!-- \u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442 FB user'a, \u0442\u043e \u043c\u043e\u0436\u0435\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0432\u0441\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435  -->     <!--  body \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u0432\u0441\u0435\u0433\u0434\u0430 <ng-view> \u0438 Angular \u043f\u043e\u0434\u043a\u0438\u043d\u0435\u0442 \u0442\u0443\u0434\u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 URL \u0448\u0430\u0431\u043b\u043e\u043d. -->     <div ng-if="$root.user">         <%- include navigation %>         <%- body %>         <%- include footer %>     <\/div>     <!-- \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0438\u043a\u043e\u043d\u043a\u0443 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0435\u0441\u043b\u0438 \u043d\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 FB user'a  -->     <div ng-if="!$root.user" ng-cloak>         <h2 class="text-center" ng-if="!auth.status">             <i class="icon-spin icon-spinner"><\/i> Loading...         <\/h2>         <!-- \u041f\u043e\u043a\u0430\u0436\u0435\u043c \u043a\u043d\u043e\u043f\u043a\u0443 login with Facebook \u0435\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0438 \u043e\u0442\u0432\u0435\u0442 \u0438\u0437 auth.authResponseChange  -->         <a ng-if="auth.status && auth.status != 'connected'" class="fb-btn" ng-click="login()"><\/a>     <\/div> <\/body>  <script src="\/\/connect.facebook.net\/en_US\/all.js"><\/script> <script src="\/static\/jquery\/jquery.min.js"><\/script> <script src="\/static\/bootstrap\/dist\/js\/bootstrap.min.js"><\/script> <script src="\/static\/underscore\/underscore-min.js"><\/script> <script src="\/static\/angular\/angular.js"><\/script> <script src="\/static\/angular-resource\/angular-resource.min.js"><\/script> <script src="\/static\/angular-route\/angular-route.min.js"><\/script>  <script src="\/static\/js\/services.js?<%= random %>"><\/script> <script src="\/static\/js\/filters.js?<%= random %>"><\/script> <script src="\/static\/js\/controllers.js?<%= random %>"><\/script> <script src="\/static\/js\/directives.js?<%= random %>"><\/script> <script src="\/static\/js\/modules\/friends.js?<%= random %>"><\/script> <script src="\/static\/js\/application.js?<%= random %>"><\/script> <\/html>  <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  <\/p>\n
application.js<\/b><\/p>\n
\n
(function() {     'use strict';      angular.module('angularfb', [             'ngRoute',             'ngResource',             'angularfb.filters',             'angularfb.controllers',             'angularfb.services',             'angularfb.directives',             'angularfb.friends'         ])      .config([ '$routeProvider', '$locationProvider',         function($routeProvider, $locationProvider){             $locationProvider.html5Mode(true);             $routeProvider                 .when('\/', {                     templateUrl: '\/partials\/homepage',                     controller: 'HomePageCtrl'                 })                  .when('\/logout', {                     resolve: [ '$rootScope', 'API', '$location', function($rootScope, API, $location){                         API.logout(function(){                             console.log('Logout... redirecting...');                             $location.path('\/')                             $rootScope.$apply();                         });                     }]                 })                  .otherwise();         }     ])      .run(['$rootScope', '$location', 'API', function($rootScope, $location, API){         FB.init({             appId      : FB_APP_ID,             channelUrl : FB_APP_URL,             status     : true,             xfbml      : true,             oauth      : true         });          console.log('RUN!');                  \/\/ \u043c\u0435\u0442\u043e\u0434 \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043a\u0438 Login With Facebook         $rootScope.login = function(){             API.login(function(){                 console.log("Logged in. Redirecting...")                 $location.path('\/');             }, function(){                 console.log("not logged in... error...")             });         }         \/\/ \u043f\u044b\u0442\u0430\u0435\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435         API.getLoginStatus(             function( response ){                 console.info("Authorized:", response)             },             function( response ){                 console.error("Not authorized:", response)             }         )          FB.Event.subscribe('auth.authResponseChange', function(response) {             console.log('got AuthResponseChange:', response);             if (response.status === 'connected') {                 API.me().then(                     function(resp){                         console.log('got user Info', resp);                     },                     function(error){                         console.log("got user Info error", error);                     }                 );             }             else {                 $rootScope.user = null; \/\/ \u0438 \u0441\u043a\u0440\u043e\u0435\u0442\u0441\u044f \u0432\u0441\u044f \u043d\u0430\u0448\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0447\u043a\u0430 \u0438\u0437-\u0437\u0430 ng-if \u0434\u0438\u0440\u0435\u043a\u0442\u0438\u0432\u044b (\u0441\u043c. layout.ejs)                  $location.path('\/');             }             $rootScope.auth = response;             $rootScope.$$phase || $rootScope.$apply();         });           $rootScope.$on('$routeChangeStart', function(event, next, current){             if ( !next.$$route )                 next.templateUrl = '\/partials\/error';         })      }])      .controller('HomePageCtrl', [  '$scope', function($scope){ \/* .... *\/ }])  }()); <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  <\/p>\n
services.js<\/b><\/p>\n
\n
(function(){     'use strict';     angular.module('angularfb.services', [])         .factory("API", [ '$rootScope', '$q', '$location', '$exceptionHandler',             function($rootScope, $q, $location, $exceptionHandler){                 return  {                     me: function(){                         var def = $q.defer();                         FB.api('\/me', function(response){                             def.resolve($rootScope.user = response); \/\/ \u043a\u0430\u043a \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0443 \u043d\u0430\u0441 \u0432 $root, \u0442\u0430\u043a \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u043c \u0432 layout.ejs "\u0432\u0441\u0435 \u0447\u0442\u043e \u0441\u043a\u0440\u044b\u0442\u043e"                         })                         return def.promise;                     },                      getLoginStatus: function(successCallback, errorCallback){                         var self = this;                         FB.getLoginStatus(function(response) {                             self._processAuthResponse( response, successCallback, errorCallback )                         });                     },                      login: function(successCallback, errorCallback){                         var self = this;                         FB.login(function(response){                             self._processAuthResponse( response, successCallback, errorCallback );                         }, { scope: FB_SCOPE } )                     },                      logout: function( logoutCallback ){                         return FB.logout(function( response ){                             if (_.isFunction( logoutCallback ))                                 logoutCallback.call(this, arguments)                             else {                                 $location.path('\/')                                 $rootScope.user = null;                             }                             $rootScope.auth = response;                          })                     },                      _processAuthResponse: function( response, successCb, errorCb ) {                         var self = this;                         if (response.authResponse) {                             if (_.isFunction(successCb))                                 successCb.call(this, response)                             else                             if(_.isUndefined(successCb)){                                 $location.path('\/')                             }                             else                                 throw new Error("Success callback should be a function")                         } else {                             if (_.isFunction(errorCb))                                 errorCb.call(this, response)                             else                             if(_.isUndefined(errorCb)){}                             else                                 throw new Error("Error callback should be a function")                         }                         $rootScope.auth = response;                         self._applyScope();                     },                      _applyScope: function( cb ) {                         if (!$rootScope.$$phase) {                             try {                                 $rootScope.$eval( cb );                             } catch (e) {                                 $exceptionHandler(e);                             } finally {                                 try {                                     $rootScope.$apply();                                 } catch (e) {                                     $exceptionHandler(e);                                     throw e;                                 }                             }                         } else {                             $rootScope.$eval( cb );                         }                     }                 }             }         ]) })(); <\/code><\/pre>\n
  <\/div>\n<\/div>\n
  \u041f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u044e, \u0447\u0442\u043e \u0431\u0443\u0434\u0443\u0442 \u0440\u0443\u0433\u0430\u0442\u044c \u0437\u0430 \u0442\u0430\u043a\u0438\u0435 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u044b \u0432 \u0441\u0435\u0440\u0432\u0438\u0441\u0435 API, \u043a\u0430\u043a \u0441 successCallback, errorCallback \u0438 _processAuthResponse \u0445\u043e\u0442\u044f \u0431\u044b \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0449\u0435. \u0417\u0430\u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u043c\u043d\u0435 \u043f\u043e\u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434\u0438\u0442\u044c, \u043d\u0430\u0433\u043e\u0440\u043e\u0434\u0438\u043b \u043d\u0435\u043c\u043d\u043e\u0433\u043e\u2026 \u0417\u0430 \u0442\u043e, \u0432\u0441\u0435 \u043a\u0430\u043a-\u0442\u043e, \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u043d\u0435\u043f\u043b\u043e\u0445\u043e \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0430\u043c\u043e\u0439 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438. <\/p>\n
\u0410\u0445 \u0434\u0430.., \u043d\u0430\u0441\u0447\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 Not Found:<\/h5>\n
  \u041c\u043e\u0436\u0435\u0442 \u043a\u0442\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043b, \u0447\u0442\u043e \u0432 application.js, \u043f\u0440\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0438 $routeProvider, \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 .otherwise() \u043d\u0435\u0442 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0434\u043b\u044f \u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442\u0430. \u0412\u0441\u0435 \u043d\u0435\u0441\u043f\u0440\u043e\u0441\u0442\u0430. \u041d\u0430\u043c \u043d\u0435\u043d\u0443\u0436\u0435\u043d \u0440\u0435\u0434\u0438\u0440\u0435\u043a\u0442 \u043a\u0443\u0434\u0430-\u043b\u0438\u0431\u043e (\u043d\u0430 \/404 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440), \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u0448\u0438\u0431\u043a\u0430 \u043c\u043e\u0433\u043b\u0430 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0442\u0441\u044f \u0432 \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0435 \u0438\u043b\u0438 \u0447\u0435\u0433\u043e-\u0442\u043e \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0433\u043e, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0441\u0442\u0440\u0435\u043d\u044c\u043a\u043e \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u0441\u044f \u043a\u0430\u043a \u043d\u0443\u0436\u043d\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u043d\u0438\u043a\u0443\u0434\u0430 \u043d\u0435 \u043f\u0435\u0440\u0435\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u043c, \u0430 \u043f\u0435\u0440\u0435\u0434 \u0442\u0435\u043c \u043a\u0430\u043a \u043c\u044b \u043f\u0435\u0440\u0435\u0448\u043b\u0438 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, \u0438\u043b\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043e\u043f\u0438\u0441\u0430\u043d \u043b\u0438 \u0434\u043b\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u043f\u0443\u0442\u0438 \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0440\u043e\u0443\u0442 (.where())? \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0442\u043e\u0433\u0434\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u0435\u0433\u043e, \u0438 \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u0430\u043c\u0438 \u0435\u043c\u0443 \u0442\u0435\u043c\u043f\u043b\u0435\u0439\u0442. <\/p>\n
$rootScope.$on('$routeChangeStart', function(event, next, current){             if ( !next.$$route )                 next.templateUrl = '\/partials\/error'; })  <\/code><\/pre>\n
  \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0443 \u043d\u0430\u0441 \u043e\u0441\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f \u0441\u0441\u044b\u043b\u043a\u0430 \u0432 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435; \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u0443\u0442\u0438 \u043d\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442; \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0443\u0432\u0438\u0434\u0435\u043b, \u0430 URL \u0443\u0436\u0435 \u043b\u0435\u0433\u043a\u043e \u043f\u043e\u0444\u0438\u043a\u0441\u0438\u0442\u044c \u0438 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c.<\/p>\n
\u0412 \u043e\u0431\u0449\u0435\u043c<\/h4>\n
   \u2014 \u041c\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043b\u0438 \u043a\u0430\u043a Express \u0434\u0430\u0435\u0442 \u043b\u0435\u0433\u043a\u043e \u0432\u0437\u0434\u043e\u0445\u043d\u0443\u0442\u044c Angular’\u0443, \u043e\u0442\u0434\u0430\u0432\u0430\u044f \u0432\u0441\u0451 \u043d\u0430 \u043b\u0438\u0447\u043d\u043e\u0435 \u0440\u0430\u0441\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435, \u043a\u0440\u043e\u043c\u0435 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432. 
   \u2014 \u041a\u043e\u0441\u043d\u0443\u043b\u0438\u0441\u044c \u0442\u0435\u043c\u044b \u0443\u043f\u043e\u0440\u044f\u0434\u043e\u0447\u0438\u0432\u0430\u043d\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 Anguar.js \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f
   \u2014 \u0423\u0431\u0435\u0434\u0438\u043b\u0438\u0441\u044c (\u043d\u0430\u0434\u0435\u044e\u0441\u044c), \u0447\u0442\u043e Angular’y \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e 404 error handling, \u0430 \u0434\u0430\u0436\u0435 \u0432\u0435\u0441\u0442\u0438 \u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u043c \u043f\u043e\u0441\u043b\u0435 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438, \u043e\u043f\u044f\u0442\u044c \u0436\u0435 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0435, \u0447\u0435\u0440\u0435\u0437 Facebook.<\/p>\n
  \u0410 \u043f\u043e\u0449\u0443\u043f\u0430\u0442\u044c \u0432\u0441\u0451 \u0432\u0436\u0438\u0432\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u0437\u0434\u0435\u0441\u044c:
   \u2014 [http:\/\/angular-fb.herokuapp.com\/]<\/a><\/p>\n
  \u0415\u0441\u043b\u0438 \u043a\u043e\u043c\u0443-\u0442\u043e \u0431\u044b\u043b\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043c\u043e\u0433\u0443 \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 github \u0441 \u044d\u0442\u0438\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u043c.
  \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044e \u0432\u0441\u0435\u0445, \u043a\u0442\u043e \u0447\u0438\u0442\u0430\u043b. \t\t\t<\/p>\n
<\/div>\n<\/p><\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/204170\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
 \t\t\t\u041f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e, \u0434\u043e\u0440\u043e\u0433\u0438\u0435 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438 \u0425\u0430\u0440\u0431\u0430!<\/p>\n
  \u0421\u0432\u043e\u0439 \u043f\u0435\u0440\u0432\u044b\u0439 \u043f\u043e\u0441\u0442, \u043c\u043d\u0435 \u0445\u043e\u0442\u0435\u043b\u043e\u0441\u044c \u0431\u044b \u043f\u043e\u0441\u0432\u044f\u0442\u0438\u0442\u044c \u0442\u043e\u043c\u0443, \u0441 \u0447\u0435\u043c, \u043f\u043e\u043a\u0430 \u0447\u0442\u043e, \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0435\u0439 \u0432\u0441\u0435\u0433\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u2014 Angular \u0438 Node.<\/p>\n
  \u0417\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, (\u043e\u043a\u043e\u043b\u043e 7 \u043c\u0435\u0441\u044f\u0446\u0435\u0432) \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Angular, \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u043f\u0430\u0440\u0443 \u0441\u0432\u043e\u0438\u0445 \u043d\u0430\u0440\u0430\u0431\u043e\u0442\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u0433\u043e\u0440\u044e \u0436\u0435\u043b\u0430\u043d\u0438\u0435\u043c \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f. \u041a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435 \u044d\u0442\u043e \u043d\u0435 \u0441\u0430\u043c Facebook Login, \u043a\u0430\u043a\u0438\u043c \u0435\u0433\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442 \u0432 \u0440\u0430\u0437\u0434\u0435\u043b\u0435 Facebook JS SDK, \u0438 \u043d\u0435 \u00abHello World with Angular.js\u00bb, \u043d\u043e \u0432\u0441\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e-\u0442\u0430\u043a\u0438 \u043f\u0440\u043e\u0441\u0442\u043e. <\/p>\n
  \u041c\u043e\u0442\u0432\u0430\u0446\u0438\u044f, \u0432 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438, \u2014 \u0436\u0435\u043b\u0430\u043d\u0438\u0435 \u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043a\u043e\u0435-\u043a\u0430\u043a\u0438\u043c \u043e\u043f\u044b\u0442\u043e\u043c \u0432 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f\u0445.  <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-204170","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/204170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=204170"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/204170\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=204170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=204170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=204170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}