美文网首页程序员
window环境搭建本地小程序服务器

window环境搭建本地小程序服务器

作者: Jonclex | 来源:发表于2018-10-18 11:00 被阅读0次

    一.准备工作:
    1.下载node.js https://nodejs.org/en/download/
    2.下载nginx http://nginx.org/en/download.html
    3.下载openssl http://slproweb.com/products/Win32OpenSSL.html
    根据自己的需要下载相应版本。
    二.安装node.js
    1.执行 node-v8.12.0-x64.msi 安装程序,下一步直到结束。
    2.配置环境变量。在path中添加node.js路径E:\Program Files\nodejs\(根据自己的安装路径填写)
    3.安装json-server组件,在命令行执行npm install -g json-server
    4.在本地建一个json文件。例如test.json
    {
    "test": [
    {
    "id": 1,
    "type": "node.js"
    },
    {
    "id": 2,
    "type": "php"
    }
    ]
    }
    5.启动json-server服务:打开命令窗口,进入test.json文件目录,执行json-server test.json
    6.浏览器中输入http://localhost:3000 测试一下。
    三.Nginx配置https服务器
    1.安装OpenSSL,最好安装到C盘,C:\OpenSSL-Win64。
    2.配置环境变量,在系统环境变量 path 中添加 C:\OpenSSL-Win64\bin
    3.安装nginx,安装完成 在 nginx目录执行命令 start nginx ,测试是否成功,http://localhost
    四.证书生成
    1.在nginx安装目录创建ssl文件夹用于存放证书。
    2.创建私钥:在命令行中进入ssl目录,执行命令:openssl genrsa -des3 -out mumu.key 1024 # mumu.key文件名随意
    这里会输入一个密码,记住密码后面会用。
    3.创建crs证书 : 在命令行中执行命令:openssl req -new -key mumu.key -out mumu.csr
    输入相关信息,输入的信息中最重要的为Common Name,这里输入的域名即为我们要使用https访问的域名 ,比如我输入的是localhost。其它的内容随便填即可。

    以上步骤完成后,ssl文件夹内出现两个文件:mumu.csr 和 mumu.key

    4.去除密码:复制mumu.key重命名文件为mumu.key.org,在命令行执行命令:openssl rsa -in mumu.key.org -out mumu.key 然后输入密码,第2步输入的密码。
    5.生成crt证书:在命令行执行命令:openssl x509 -req -days 365 -in mumu.csr -signkey mumu.key -out mumu.crt
    五.修改nginx 的 nginx.conf配置文件
    找到HTTPS server配置的那一段(即包含有listen 443 ssl配置那一段)。我们发现这段代码被注释掉了。所以,首先我们把该段代码前面的#号去掉。然后分别修改其中的ssl_certificate和ssl_certificate_key配置项为刚才所生成的buduhuisi.crt和buduhuisi.key这两个文件的目录。并配置server_name为localhost。修改后的该段配置如下:

    server {
    listen 443 ssl;
    server_name localhost;

    ssl_certificate       E://app//nginx-1.15.5//ssl//mumu.crt;  # 这个是证书的crt文件所在目录
    ssl_certificate_key  E://app//nginx-1.15.5//ssl//mumu.key; # 这个是证书key文件所在目录
    
    ssl_session_cache    shared:SSL:1m;
    ssl_session_timeout  5m;
    
    ssl_ciphers  HIGH:!aNULL:!MD5;
    ssl_prefer_server_ciphers  on;
    
    location / {
      proxy_pass http://127.0.0.1:3000/;
          root   html;
    }
    

    }
    六.修改hosts配置,实现域名映射
    127.0.0.1 www.test.com

    七. Nginx的常用操作

    在继续后面的内容之前,先简单介绍下Windows命令行中操作Nginx的几个常用的语句:

    start nginx               # 启动Nginx
    nginx.exe -s stop         # 快速停止Nginx,可能并不保存相关信息
    nginx.exe -s quit         # 完整有序的停止Nginx,并保存相关信息
    nginx.exe -s reload       # 重新载入Nginx,当配置信息修改,需要重新载入这些配置时使用此命令。
    nginx.exe -s reopen       # 重新打开日志文件
    nginx -v                  # 查看Nginx版本
    
    

    因为修改了配置文件,所以需要退出控制台,并重新打开一个控制台。执行如下命令:

    cd c:\nginx
    nginx.exe -s quit
    start nginx
    
    

    即退出Nginx,然后再重新启动它。这时候,在浏览器地址栏输入https://localhost并回车。

    相关文章

      网友评论

        本文标题:window环境搭建本地小程序服务器

        本文链接:https://www.haomeiwen.com/subject/pkdjzftx.html