zoukankan      html  css  js  c++  java
  • NodeJS配置https服务并实现静态资源的访问

    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:WindowsSystem32driversetchosts 文件中增加如下内容:

    127.0.0.1 zenithcat.com

    F.启动服务器:

    node server.js

    G.访问页面

  • 相关阅读:
    Selenium RC和WebDriver的实现区别(一)
    布线问题
    C语言播放音乐
    圈水池
    双向BFS
    Asp.net MVC3 Razor中的扩展HtmlHelper的返回类型问题
    使用Visual Studio 利用WinGDB编译和远程调试嵌入式Linux的程序
    IoTSharp部署教程Sqlite分表篇
    sql 2005性能调优
    Sql养成一个好习惯是一笔财富
  • 原文地址:https://www.cnblogs.com/miller-zou/p/12335847.html
Copyright © 2011-2022 走看看