Node.js引用外部文件的问题

cqwcns · 发表于 2021-11-23 08:38

以下代码，实现的是Node.js向前端返回页面，这是腾讯云的官方demo。
可见网页JS代码script 和网页HTML代码body 是字面量形式的变量。为了方便维护，我希望将这两部内容分离出来，直接读取根目录的script.js 和 body.html。
这样我主要维护script.js 和 body.html即可。

所以，怎么改可以实现这样的引用？谢谢。

[JavaScript] 纯文本查看 复制代码

//替换 envId 为您的环境ID
const envId = "xxx"
exports.main = async (event) => {
    // 网页JS代码
    const script =
        `
      var envId = "${envId}"

      class FunctionQuickStarter {
          constructor() {

      // 初始化 CloudBase
              this.app = cloudbase.init({
                  env: envId,
                  region:"ap-shanghai"
              })

              this.setButtonStatus(true)
              this.signIn()
          }

          setButtonStatus(status) {
              this.addDataButton.disabled = status

              if (!status) {
                  this.queryData()
              }
          }
  
      window.addEventListener("load", function() {
          window.app = new FunctionQuickStarter()
      })

      `
    // 网页HTML代码
    const body =
        `
    <!DOCTYPE html>
        <html lang="en">

        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
        </head>

        <body>
            <div>测试内容</div>
        </body>

    </html>
    `
    return {
        statusCode: 200,
        headers: {
            'content-type': 'text/html'
        },
        body: body
    }
}

cqwcns · 发表于 2021-11-23 09:17

zhangsan7819 发表于 2021-11-23 08:54
你可以把script 和 body 这两个变量的内容单独创建两个文件存放然后require到这个demo中，也就是引用， ...

小弟水平太菜，还望具体指导一下，谢谢。

我尝试这样写，但是报错的。

//替换 envId 为您的环境ID
const envId = "xxx"
var bodyContent = require('index.html')

exports.main = async (event) => {
// 网页JS代码
const script =
      `
   var envId = "${envId}"

   class FunctionQuickStarter {
      constructor() {

   // 初始化 CloudBase
   // 如果您的环境属于上海地域，请将 region 信息改为"ap-shanghai"
            this.app = cloudbase.init({
               env: envId,
               region:"ap-shanghai"
            })

            this.setButtonStatus(true)
            this.signIn()
      }

      setButtonStatus(status) {
            this.addDataButton.disabled = status

            if (!status) {
               this.queryData()
            }
      }

   window.addEventListener("load", function() {
      window.app = new FunctionQuickStarter()
   })

   `
// 网页HTML代码
const body = bodyContent
return {
      statusCode: 200,
      headers: {
         'content-type': 'text/html'
      },
      body: body
}
}

kihlh · 发表于 2021-11-23 11:00

cqwcns 发表于 2021-11-23 09:17
小弟水平太菜，还望具体指导一下，谢谢。

我尝试这样写，但是报错的。

代码没错但是你这个 var bodyContent = require('index.html')
是错误的应该用fs读取

const fs=require("fs")
let bodyContent =fs.readFileSync(__dirname+'/index.html').toString()

帐号		自动登录	找回密码
密码			注册[Register]

[求助] Node.js引用外部文件的问题

免费评分

免费评分