如何解决使用NextJS + Express在localhost上进行HTTPS
您只需要使用模块的createServer
方法https
。
const { createServer } = require('https');
const { parse } = require('url');
const { readFileSync } = require('fs');
const next = require('next');
const port = 3000;
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();
const httpsOptions = {
key: readFileSync('./certificates/key.pem'),
cert: readFileSync('./certificates/cert.pem')
};
app.prepare()
.then(() => {
createServer(httpsOptions, (req, res) => {
const parsedUrl = parse(req.url, true);
handle(req, res, parsedUrl);
}).listen(port, err => {
if (err) throw err;
console.log(`> Ready on https://localhost:${port}`);
})
});
解决方法
系统信息
目标
在本地主机上使用基于HTTPS的SSL服务Web应用程序
已经做了什么
- 使用Create Next App创建基本的NextJS应用程序
- 使用OpenSSL生成证书和密钥,并将其移至项目目录
- 添加了Express依赖
- 将应用程序配置为在内部使用Express
server.js
- 更改了脚本以使用
server.js
内部package.json
脚本。
server.js
const express = require('express');
const next = require('next');
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();
const port = 3000;
const https = require('https');
const fs = require('fs');
const httpsOptions = {
key: fs.readFileSync('./certificates/key.pem'),cert: fs.readFileSync('./certificates/cert.pem')
};
app
.prepare()
.then(() => {
const server = express();
server.get('*',(req,res) => {
return handle(req,res);
});
server.listen(port,err => {
if (err) throw err;
console.log('> Ready on http://localhost: ' + port);
});
})
.catch(ex => {
console.error(ex.stack);
process.exit(1);
});
额外的信息
使用初始化时,该应用当前可以运行yarn
dev
。我尝试使用此答案通过https服务该应用程序,但无法弄清楚如何使用NextJS将其应用于当前设置。
我花了很多时间研究网络上如何应用此解决方案,但还没有找到实现此工作的方法。
任何帮助是极大的赞赏。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。