在Node / Express中登录Passport JS后没有刷新页面并搜索吗？

Question

我正在使用Yelp API和MEAN堆栈制作场所搜索应用程序。 使用Passport JS登录到Facebook后，您可以添加自己和将自己移出场所。

如果用户输入了搜索并且结果显示在页面上（以未经身份验证的用户身份），则您登录并重定向到主页后，将刷新搜索结果。

我想要的是用户不必再次搜索。 因此，基本上没有刷新页面，也没有刷新Angular中的$ scope.venues，该对象是保存所有场所数据的对象。

例如：

• 我搜寻阿姆斯特丹
• 我得到了阿姆斯特丹所有场馆的清单
• 我登录
• 阿姆斯特丹的搜索结果仍然存在

我怎样才能做到这一点？

这些是Node / Express中的Passport JS路由：

var passport = require('passport');

var FacebookStrategy = require('passport-facebook').Strategy;

var session = require('express-session');

passport.serializeUser(function(user, done) {

done(null, user);

});

passport.deserializeUser(function(id, done) {

done(null, id);

});

app.get('/auth/facebook', passport.authenticate('facebook'));
//Authenticate with Passport when hitting this route

app.get('/auth/facebook/callback', passport.authenticate('facebook', {
//Handle callback after successfully authenticated woth Facebook  

successRedirect: '#/reload/' + searchQuery,
failureRedirect: '/error'

}));

这是我在Angular中拥有的：

angular.module("popperooApp", ['ngRoute'])
  .config(function($routeProvider) {
    $routeProvider
      .when("/", {
        templateUrl: "list.html",
        controller: "ListController"
      }).when("/reload/:query", {

        templateUrl: "list.html",
        controller: "ReloadController"

    })
      .otherwise({

        redirectTo: "/"

      });
  })
  .service("Venues", function($http) {

    this.getVenues = function(location) {

      var url = "search/" + location;

      return $http.get(url);

    };


  })
  .controller('ListController', function($scope, Venues) {

    $scope.searchLocation = function(location) {

      Venues.getVenues(location)
        .then(function(response) {

          $scope.venues = response.data;

        }, function(response) {

          alert("Error retrieving venues");

          console.log(response);

        });

    };

  })
  .controller('ReloadController', function($scope,Venues,$routeParams){

        Venues.getVenues($routeParams.query)
            .then(function(response){

                $scope.venues = response.data;

            }, function(response){

               alert("Error retrieving venues"); 

               console.log(response);

            });


})

我应该将会话存储在MongoDB数据库中吗？ 我是否不应该重定向到Angular中的“ /”路由并进行自定义？

谢谢您的帮助！

Answer 1

您应该重定向到搜索URL，就像您确实已经实现了一样，而无需在会话中存储信息。

我认为您的最佳方法是将用户重定向到当前加载的页面，因此它不仅适用于搜索。

当然，它假定您可以通过此URL访问应用程序，并且该应用程序将基于URL自动重新加载搜索结果。

祝好运。