表达如何将值从 .js promise 传递到 .ejs 视图

Question

我正在尝试将值从路由 js 文件 (auth.js) 传递到 ejs 视图 (dashboard.ejs)

这是里面的代码auth.js:

const express = require("express");
const google = require('googleapis').google;
const jwt = require('jsonwebtoken');
const CONFIG = require("../config/passport-google");

const nf = require('node-fetch');

const router = express.Router();

// Google's OAuth2 client
const OAuth2 = google.auth.OAuth2;

router.get("/youtube", function(req, res) {
  // Create an OAuth2 client object from the credentials in our config file
  const oauth2Client = new OAuth2(
    CONFIG.oauth2Credentials.client_id,
    CONFIG.oauth2Credentials.client_secret,
    CONFIG.oauth2Credentials.redirect_uris[0]
  );

  // Obtain the google login link to which we'll send our users to give us access
  const loginLink = oauth2Client.generateAuthUrl({
    access_type: "offline", // Indicates that we need to be able to access data continously without the user constantly giving us consent
    scope: CONFIG.oauth2Credentials.scopes // Using the access scopes from our config file
  });
  return res.render("./home/g-login", { loginLink: loginLink });
});

router.get("/youtube/callback", function(req, res) {
  // Create an OAuth2 client object from the credentials in our config file
  const oauth2Client = new OAuth2(
    CONFIG.oauth2Credentials.client_id,
    CONFIG.oauth2Credentials.client_secret,
    CONFIG.oauth2Credentials.redirect_uris[0]
  );

  if (req.query.error) {
    // The user did not give us permission.
    return res.redirect("/");
  } else {
    oauth2Client.getToken(req.query.code, function(err, token) {
      if (err) return res.redirect("/");

      // Store the credentials given by google into a jsonwebtoken in a cookie called 'jwt'
      res.cookie("jwt", jwt.sign(token, CONFIG.JWTsecret));
      
      // return res.redirect("/get_some_data");

      if (!req.cookies.jwt) {
        // We haven't logged in
        return res.redirect("/");
      }
    
      // Add this specific user's credentials to our OAuth2 client
      oauth2Client.credentials = jwt.verify(req.cookies.jwt, CONFIG.JWTsecret);
    
      // Get the youtube service
      const service = google.youtube("v3");

      const url = `https://www.googleapis.com/oauth2/v1/userinfo?access_token=${token[Object.keys(token)[0]]}`;

      const get_data = async () => {
        try {
          const response = await nf(url);
          const json = await response.json();
          return await json;
        } catch (error) {
          console.log(error);
        }
      };

      const diomerda = get_data();

      module.exports = {
        diomerda
      }
      
      // Get 50 of the user's subscriptions (the channels they're subscribed to)
      service.subscriptions
        .list({
          auth: oauth2Client,
          mine: true,
          part: "snippet,contentDetails",
          maxResults: 50
        })
        .then(response => {
          //console.log(response.data.items[0].snippet.resourceId)

          // Render the profile view, passing the subscriptions to it
          return res.render("./user/dashboard", { subscriptions: response.data.items, diomerda: diomerda });
        });

    });
  }
});

// Logout from Google
router.get('/logout', (req, res) => {
  req.logout();
  res.redirect('/');
})

module.exports = router;

diomerda 变量是一个承诺，我已经通过下面的函数呈现视图 service.subscriptions（它正确地将订阅值发送到仪表板视图）所以我如何也传递我的 diomerda该视图的变量？

我正在尝试使用 module.exports，正如您在代码中看到的那样，但似乎我无法在 ejs 文件中使用 require

dashboard.ejs 是：

<h6>Profile dashboard</h6>
<h3>Welcome</h3>
<p>Here are your favorites channels</p>
<% var params = require('../routes/auth')   
    console.log(params.diomerda);
  %>

Answer 1

请找出以下代码中的mark1和mark2。

mark1：您不需要导出此方法，只需在渲染您的 ejs 视图之前使用它即可。而当你在这个函数中 return 你的 json 时，你不需要在这里添加额外的等待。

mark2：我将 get_data 函数放在此处，因为我看到您在 router.get("/youtube/callback") 中的代码末尾向用户呈现 ejs。因此，在向用户呈现 ejs 视图之前，您需要调用 get_data 函数来获取您想要的数据。然后，用数据渲染它。

router.get("/youtube/callback", function(req, res) {
    // Create an OAuth2 client object from the credentials in our config file
    const oauth2Client = new OAuth2(
      CONFIG.oauth2Credentials.client_id,
      CONFIG.oauth2Credentials.client_secret,
      CONFIG.oauth2Credentials.redirect_uris[0]
    );
  
    if (req.query.error) {
      // The user did not give us permission.
      return res.redirect("/");
    } else {
      oauth2Client.getToken(req.query.code, function(err, token) {
        if (err) return res.redirect("/");
  
        // Store the credentials given by google into a jsonwebtoken in a cookie called 'jwt'
        res.cookie("jwt", jwt.sign(token, CONFIG.JWTsecret));
        
        // return res.redirect("/get_some_data");
  
        if (!req.cookies.jwt) {
          // We haven't logged in
          return res.redirect("/");
        }
      
        // Add this specific user's credentials to our OAuth2 client
        oauth2Client.credentials = jwt.verify(req.cookies.jwt, CONFIG.JWTsecret);
      
        // Get the youtube service
        const service = google.youtube("v3");
  
        const url = `https://www.googleapis.com/oauth2/v1/userinfo?access_token=${token[Object.keys(token)[0]]}`;
  
        // ================ mark 1 ====================
        const get_data = async () => {
          try {
            const response = await nf(url);
            const json = await response.json();
            return json;
          } catch (error) {
            console.log(error);
          }
        };
  
        // Get 50 of the user's subscriptions (the channels they're subscribed to)
        service.subscriptions
          .list({
            auth: oauth2Client,
            mine: true,
            part: "snippet,contentDetails",
            maxResults: 50
          })
          // ================ mark 2 ====================
          // remember to add async here
          .then(async (response) => { 
             // ================ mark 2 ====================
             const diomerda = await get_data()
  
            // Render the profile view, passing the subscriptions to it
            return res.render("./user/dashboard", { subscriptions: response.data.items, diomerda: diomerda });
          });
  
      });
    }
  });

表达如何将值从 .js promise 传递到 .ejs 视图

Express how to pass value from .js promise to .ejs view

javascript

routes

ejs

node.js

express