javascript - 我应该如何将用户的登录状态传递给我的 Ember.js 应用程序？

Question

我有一个交互式 Ember 应用程序，其中有很多选项仅适用于登录用户。例如，可能有一个帖子列表，然后有另一个指向我的帖子的链接，这些链接与用户相关。

我想到了两个问题：

• 如果用户登录，我如何告诉应用程序，也许他的数据？
• 如何根据他的登录状态隐藏特定功能和项目？

有没有解决这个问题的最佳实践？我想登录过程本身不会那么复杂，但这if logged_in? do_x else do_y对我来说是一个很大的未知数。我应该在哪里存储全局用户状态？

Answer 1

如果您使用的是 ember 路由器，那么我的建议是构建这样的解决方案

登录控制器

App.LoginController = Ember.Controller.extend({
    login: function(params){ /* Your logic here */ },
    logout: function(params){ /* Your logic here */},

    user_data_hash: { first_name: "The", last_name: "Hobbit"},

    is_logged_in: (function() {
        /* do some logic and return true or false */
    }).property('some_item_on_user_data_hash')

    just_logged_in: (function() {
        /* do some logic and return true or false */
    }).property('some_item_on_user_data_hash')

然后在您的路由器中，在您允许导航到受保护的路线之前，检查该LoginController对象。这个例子取自这个答案。

root: Ember.Route.extend({
    index: Ember.Route.extend({
        enter: function(router) {
            var logged_in = router.get('loginController.is_logged_in'); /*Or in older ember builds `router.getPath('loginController.is_logged_in');`*/
            var just_logged_in = router.get('loginController.just_logged_in'); /*Or in older ember builds `router.getPath('loginController.just_logged_in');`*/
            Ember.run.next(function() {
                if (logged_in && just_logged_in) {
                    router.transitionTo('loggedIn');
                } else if (!logged_in) {
                    router.transitionTo('loggedOut');
                }
            });
        }
    }),

    loggedIn: Ember.Route.extend({
        // ...
    }),

    loggedOut: Ember.Route.extend({
        // ...
    })
})