首页 > Web开发 > 详细

NodeJS配置https服务并实现静态资源的访问

时间:2020-02-20 16:11:20      阅读:107      评论:0      收藏:0      [点我收藏+]

NodeJS配置https服务并实现静态资源的访问

一.准备工作

  在实现如题所示的功能之前,需要做的事情是安装NodeJS,至于如何安装并不是本文所要讲解的内容,大家可以自行百度查询;另外一个事情就是需要申请证书,可以在腾讯云上申请免费证书。前两项工作笔者已经都做准备完毕,如果有需要帮助可留言咨询。那么我们就开始切入主题。

二.配置服务器

A.执行如下命令安装express

npm i express --save

B.项目结构如下图所示:

技术分享图片

C.index.html文件内容如下(该文件并没有实际的价值,主要为了演示静态资源):

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试文件</title>
    <script src="public/js/jquery-3.3.1.min.js"></script>
    <script>
        $(function() {
            $("#name").html(正井猫)
        })
    </script>
</head>
  <body>
      <img src="public/images/cat.jpg">
      <span id="name"></span>
  </body>
</html>

D.server.js文件内容如下:

const https = require(‘https‘)
const fs = require(‘fs‘)
const express = require(‘express‘)

const app = express()

//配置证书位置
const options = {
    key: fs.readFileSync(__dirname + ‘/ca/2_zenithcat.com.key‘),
    cert: fs.readFileSync(__dirname + ‘/ca/1_zenithcat.com_bundle.crt‘)
}

https.createServer(options, app).listen(443)

//配置静态资源的访问路径,对应到public这个目录下,如果还有其他目录,按照该规则添加即可
app.use(‘/public‘, express.static("public"))

app.get(‘/‘, (request, response) => {
    response.writeHead(200)
    fs.createReadStream(__dirname + "/index.html")
      .pipe(response)
})

E.在 C:\Windows\System32\drivers\etc\hosts 文件中增加如下内容:

127.0.0.1 zenithcat.com

F.启动服务器:

node server.js

G.访问页面

技术分享图片

 

NodeJS配置https服务并实现静态资源的访问

原文:https://www.cnblogs.com/miller-zou/p/12335847.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!