首页 > 解决方案 > 静态站点、服务器端计算、Nextjs、WordPress

问题描述

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

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

所以,我的问题是:

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

我之前建立了自己的静态博客并将其托管在 github-pages 上,但是当涉及到除此之外的任何内容时,我有点无能为力。

标签: javascriptwordpressnext.jsserver-side-renderingstatic-site

解决方案


  1. 在 JavaScript 中进行计算,从服务器上的外部源加载并缩小 js 代码以对其进行混淆。在我看来,这可能是最简单的解决方案。
  2. 您可以利用 AWS Lambda 函数并免费获得前 100 万个请求。
  3. 使用 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 获取函数

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
   }
}

推荐阅读