静态站点、服务器端计算、Nextjs、WordPress

Question

我想创建一个主要是静态的网站（并且一直在考虑使用 Next.js），但是它应该包括根据以下因素获得价格估算的可能性客户规格。这个 计算应该是私有的 并且不应该向任何人透露（否则我会插入纯 js）。我猜我需要在服务器上监听请求并返回一些简单的响应（价格）。

我正在使用 Host-Europe 的 Webbuilder 包并具有 ssh 访问权限。要设置 WordPress（并能够访问设置主页），我所要做的就是复制文件并将域分配给 Host-Europe 管理面板中的 WordPress 文件夹。

所以，我的问题是：

添加此功能是否可以通过静态网站框架轻松实现，或者是否建议完全切换到某些服务器端呈现框架（例如 WordPress、React、Django）
我是否需要一些进程运行在后台侦听请求？例如，我将如何通过 JavaScript 调用这样的过程来触发某些服务器端功能并获得结果？
为什么不需要为 WordPress 启动一些恶魔进程来工作？（我猜 Host-Europe 可能参与了这里的背景？）

我宁愿坚持 Node/JavaScript 或 Python 如果它归结为使用一些框架，但现在任何能快速完成工作的东西都会很棒。

我之前建立了自己的静态博客并将其托管在 github 页上，但除此之外我有点一窍不通。

Answer 1

在 JavaScript 中进行计算，从服务器上的外部源加载并缩小 js 代码以对其进行混淆处理。在我看来可能是最简单的解决方案。
您可以使用 AWS Lambda 函数并免费获得前 100 万个请求。
使用 Node.JS 和 Express JS 创建一个简单的 REST API。

Node.js Express.js API 例子

const express = require('express')
const app = express()
const port = 3000

app.get('/calculate-price', (req, res) => {
  response_price = req.query.parameter1 + req.query.parameter2
  res.setHeader('Content-Type', 'application/json');
  res.end(JSON.stringify({ price: response_price }));
})

Next JS fetch函数

export async function getStaticProps(context) {
   const res = await fetch(`https:[your API or cloud function resource]?parameter1=abc&parameter2=1245`)
   const data = await res.json()

  if (!data) {
    return {
      notFound: true,
    }
  }

  return {
     props: { data }, // the price will be passed to the page component as props
   }
}

静态站点、服务器端计算、Nextjs、WordPress

Static site, server side computation, Nextjs, WordPress

javascript

wordpress

next.js

server-side-rendering

static-site