个人中心
gpt4 book ai didi

angularjs - 如何将 session 变量从express/node传递到Angular？

转载 作者：太空宇宙 更新时间：2023-11-03 22:52:56 25 4
gpt4 key购买 nike

所以基本上我使用的是 Angular 路线，只是使用express来渲染索引页面。

我想将 session 变量从 Express 传递到 Angular，但我不知道如何在 Angular 的每个路由中获取该变量。

app.js(快速):

app.get('*', function (req, res) {
    res.sendFile(__dirname+'/client/views/index.html',{
        isAuthenticated:req.isAuthenticated(),
        user:req.user
    });
});

索引.html

<body>
<div class="main" ng-view>
    </div>
  </body>

Angular 应用程序文件:

var myapp=angular.module('myApp', ['ngRoute','ngStorage']);
myapp.controller('contrl1', ['$scope' ,'$localStorage','$http', 
  function ($scope,  $localStorage,$http) {

  }]);
myapp.controller('contrl2', ['$scope' ,'$localStorage','$http', 
      function ($scope,  $localStorage,$http) {

      }]);
myapp.config(function($routeProvider, $locationProvider) {
  $routeProvider
   .when('/try', {
    templateUrl: '../views/view1.html',
    controller: 'contrl1',
  })
  .when('/hello', {
    templateUrl: '../views/view2.html',
    controller: 'contrl2',

  // configure html5 to get links working on jsfiddle
  $locationProvider.html5Mode(true);
});

所以基本上我想发送 Isauthenticated 变量和用户变量，它们将具有从 Express 到 Angular 的 session 值。我应该如何继续，以便这些值可以被 Angular 中的所有路由访问，以及如何获取这些值各自 Angular Controller 中的值。

最佳答案 

    app.get('*', function (req, res) {
        res.sendFile(__dirname+'/client/views/index.html',{
            isAuthenticated:req.isAuthenticated(),
            user:req.user
        });
    });

这确实是个坏主意。有更好的方法可以做到这一点。这就是为什么你面临共享问题。以下方法可行，请注意，我的解决方案只是让您开始了解如何做这样的事情，为了使其安全，您可能必须重组您的 angularjs 应用程序，并执行我正在做的事情，但在内部ng-service 或 ng-factory 并将其注入(inject)到您的 Controller 中。这样您就可以访问它。

考虑遵循。

app.js 

    var express = require('express');
    var path = require('path');
    var cookieParser = require('cookie-parser');
    var bodyParser = require('body-parser');

    var routes = require('./routes/index');

    var app = express();

    // view engine setup
    app.set('views', path.join(__dirname, 'views'));
    app.set('view engine', 'hbs');

    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({ extended: false }));
    app.use(cookieParser());
    //This is very important, serve all your static files through public folder
    //Just inject your session variables to index.html, DO NOT PUT index.html
    //In you public folder, instead use index.hbs view as shown 

    app.use(express.static(path.join(__dirname, 'public')));

    app.use('/', routes);


    // catch 404 and forward to error handler
    app.use(function(req, res, next) {
      var err = new Error('Not Found');
      err.status = 404;
      next(err);
    });

    // error handlers

    // development error handler
    // will print stacktrace
    if (app.get('env') === 'development') {
      app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
          message: err.message,
          error: err
        });
      });
    }

    // production error handler
    // no stacktraces leaked to user
    app.use(function(err, req, res, next) {
      res.status(err.status || 500);
      res.render('error', {
        message: err.message,
        error: {}
      });
    });


    module.exports = app;

./routes/index.js

    var express = require('express');
    var router = express.Router();

    /* GET home page. */
    router.get('/', function(req, res, next) {
      res.render('index', {
        title: 'Pass session vairabled to my hbs',
        isAuthenticated: true,
        user: JSON.stringify({id: 2, name: 'dummy'})
      });
    });

    module.exports = router;

./views/layout.hbs

    <!DOCTYPE html>
    <html>
      <head>
        <title>{{title}}</title>
        <link rel='stylesheet' href='/stylesheets/style.css' />
      </head>
      <body>
        {{{body}}}

        <!-- References of Angular.js and all your other angular files and services go here -->
        <script>
           var isAuthenticated= {{isAuthenticated}};
           var user = {{{user}}};
        </script>
      </body>
    </html>

./views/index.hbs

    <h1>{{title}}</h1>

    <div class="main" ng-view>
    </div>

以下是快照——概念证明。

enter image description here

现在我刚刚将你的变量注入(inject)到普通的公共(public) js 变量中，你需要编写 ng-service/ng-factory 来封装。

以下是我建议的结构

    .
    ├── LICENSE
    ├── README.md
    ├── app.js
    ├── bin
    │   └── www
    ├── package.json
    ├── public
    │   ├── images
    │   ├── javascripts
    │   ├── views
    │   │   └── <angular view templates>
    │   └── stylesheets
    │       └── style.css
    ├── routes
    │   └── index.js
    │   
    └── views
        ├── error.hbs
        ├── index.hbs //Your actual index file, this will contain ng-view
        └── layout.hbs

希望这有帮助!如果我可以提供任何进一步的帮助，请告诉我。

关于angularjs - 如何将 session 变量从express/node传递到Angular？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35681074/

25 4 0
文章推荐： c# - 方法签名中 List 和 IEnumerable 的区别
文章推荐： c# - 使用 MVVMLight 将变量传递给第二个窗口？
文章推荐： node.js - 在 Yocto 项目的meta-nodejs 中指定nodejs 的版本
文章推荐： c# - Autofac 启用类拦截器
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com