mkcert生成ssl证书+nginx部署局域网内的https服务访问问题

文章目录

  • mkcert生成ssl证书+nginx部署局域网内的https服务访问问题
  • 1、下载mkcert
    • 查看自己的电脑是arm还是amd架构
  • 2、安装mkcert
  • 3、测试mkcert是否安装成功
  • 4、查看CA证书存放位置
  • 5、打开windows的证书控制台
  • 6、生成自签证书,可供局域网内使用其他主机访问
  • 以下是nginx部署https服务相关的内容
    • 到官网下载nginx
    • 使用nginx
    • nginx配置如下所示
    • 启动nginx
    • 验证nginx是否启动成功了。
    • 停止nginx
    • 配置https服务
    • 访问https服务
    • 复用nginx
  • 7、卸载mkcert

简要：关于nginx的使用，大家可以根据目录选择着看相应的内容，毕竟nginx部署静态资源，我感觉，看这篇文章的人几乎都会的。

mkcert生成ssl证书+nginx部署局域网内的https服务访问问题

mkcert是一个用于生成本地自签名SSL证书的开源工具。它基于Golang开发，可以跨平台使用，不需要进行复杂配置，且能自动信任CA。此外，mkcert支持单域名、多域名以及IP，为开发者提供了极大的便利。
请注意，mkcert生成的证书主要用于本地开发和测试环境，不适合在生产环境中使用。在生产环境中，应使用由受信任的证书颁发机构（CA）签发的证书，以确保安全性和用户信任。

1、下载mkcert

这个是官网的地址：Releases · FiloSottile/mkcert (github.com)
在这里插入图片描述

查看自己的电脑是arm还是amd架构

键盘的Win + R键，输入cmd，打开命令窗口
在这里插入图片描述
输入（结果如下图所示）

echo %PROCESSOR_ARCHITECTURE%

回车

在这里插入图片描述
在这里插入图片描述
下载完成后，将下载的exe程序复制到某个目录下。这个目录等下需要用到的。
在这里插入图片描述

2、安装mkcert

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在对应的目录下输入（结果如下图所示）

mkcert-v1.4.4-windows-amd64.exe -install

在这里插入图片描述
会弹出一个安全警告窗口，然后选择是
在这里插入图片描述
选择是之后
在这里插入图片描述

3、测试mkcert是否安装成功

在对应的命令窗口输入（具体看后面的截图）

mkcert-v1.4.4-windows-amd64.exe --help

出现如下截图所示的内容，就说明，mkcert安装成功了
在这里插入图片描述

4、查看CA证书存放位置

输入

mkcert-v1.4.4-windows-amd64.exe -CAROOT

命令。
在这里插入图片描述
我们可以到对应的目录下，看一下对应的目录
在这里插入图片描述

5、打开windows的证书控制台

按住键盘的，“Win键+R键”调出运行框，输入certmgr.msc命令。打开证书控制台。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6、生成自签证书,可供局域网内使用其他主机访问

在命令窗口中输入（具体看后面的截图）

mkcert-v1.4.4-windows-amd64.exe localhost 127.0.0.1 ::1 192.168.1.1 
# 这个192.168.1.1是我的电脑的地址，这里根据根据自己的电脑ip进行设定

根据自己的需求填写ip可以有多个ip。（如上所示，就使用localhost、127.0.0.1、::1、192.168.1.1）这四个地址，生成对应的证书，也就是这个证书中，是根据这个四个地址生成的。

在IP地址中，::1 是一个特殊的IPv6地址，被称为回环地址（loopback address）。在IPv4中，回环地址是 127.0.0.1。IPv6的回环地址 ::1 与IPv4的 127.0.0.1 在功能上是相似的。

这种地址在本地开发、测试网络服务和应用时非常有用，因为它确保通信不会离开本地机器，从而避免了可能存在的网络延迟或外部干扰。

在这里插入图片描述
在这里插入图片描述
上面截图中生成的那两个，就是我们后面使用nginx部署本地https服务时用到的证书了。

以下是nginx部署https服务相关的内容

到官网下载nginx

到nginx官网（nginx: download）下载nginx，
在这里插入图片描述

使用nginx

下载成功后，将下载的zip包，根据自己的情况，放到对应的目录下，解压。（这里有一点值得注意的是，nginx最好放在非中文目录下，在nginx-1.24.0版本之前，nginx放在有中文的目录下，时无法启动nginx的）因为，我这里使用的是nginx-1.24.0版本，所以放在中文下，也无所谓。但是在项目部署中，还是不建议，放在有中文的目录下，免得出现奇奇怪怪的的问题，省心省力。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在配置的截图后面，有配置的文字内容，这里先截图出来
在这里插入图片描述

nginx配置如下所示


#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       8088;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   html;index  index.html index.htm;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {#    proxy_pass   http://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ \.php$ {#    root           html;#    fastcgi_pass   127.0.0.1:9000;#    fastcgi_index  index.php;#    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;#    include        fastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /\.ht {#    deny  all;#}}# another virtual host using mix of IP-, name-, and port-based configuration##server {#    listen       8000;#    listen       somename:8080;#    server_name  somename  alias  another.alias;#    location / {#        root   html;#        index  index.html index.htm;#    }#}# HTTPS server##server {#    listen       443 ssl;#    server_name  localhost;#    ssl_certificate      cert.pem;#    ssl_certificate_key  cert.key;#    ssl_session_cache    shared:SSL:1m;#    ssl_session_timeout  5m;#    ssl_ciphers  HIGH:!aNULL:!MD5;#    ssl_prefer_server_ciphers  on;#    location / {#        root   html;#        index  index.html index.htm;#    }#}}

启动nginx

保存好配置之后，返回上一级目录。启动nginx。

这里关于nginx的启动方式不止一种，根据自己的需求看着选择。

启动方式一
在这里插入图片描述
双击之后会有一个一闪而过的窗口，然后就啥都没有了，这个不用管，往文章后面看就可以了。如果是第一次使用，会有一个弹窗，关于是否允许网络访问的，选择允许即可。

启动方式二
在nginx对应的目录下，输入充cmd
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

验证nginx是否启动成功了。

访问：http://localhost:8088/
在这里插入图片描述

停止nginx

因为前面已经启动过了nginx，所以如果要使用nginx部署https服务，就需要停止已经启动的nginx，然后修改nginx相关的配置。上面这一步是为了确认nginx已经安装成功了，可以正常启动。停止nginx的方式也有多种，看自己的选择。
方式一：在任务管理器中停止nginx。
在这里插入图片描述
方式二：使用命令nginx -s stop或nginx -s quit停止Nginx。
在这里插入图片描述
方式三：杀死所有nginx进程
随便一个命令窗口，如键盘的 Win + R 键，然后输入cmd，打开命令窗口执行下面两步命令，可以找到和停止所有的nginx进程，这个需要特别注意。这个会停止所有的nginx进程，所以如果，你的电脑中有很多个nginx在使用时，不建议使用这个。

tasklist | findstr nginx
taskkill /IM nginx.exe /F

在这里插入图片描述
测试一下nginx是否已经停止了，访问一下：http://localhost:8088/
在这里插入图片描述

综上所述：建议使用方式二，这样停止nginx，即不影响其他nginx，也可以避免停止错nginx。

配置https服务

在这里插入图片描述
在这里插入图片描述
之后，就是打开nginx.conf文件，配置nginx先关的内容了
在这里插入图片描述

nginx的配置如下所示：（截图后面，有配置文件的说明）
在这里插入图片描述
在上面的截图中，这里的证书名称是可以随便重命名的，只要在重命名的时候，保留对应的后缀就可以了。如当我把证书重命名成：aaa-key.pem、aaa.pem时，在nginx对应的配置位置就需要改成，aaa.pem、aaa-key.pem。就一个名称而已，看着改就行了，不改也可以。


#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       8088;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   html;index  index.html index.htm;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {#    proxy_pass   http://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ \.php$ {#    root           html;#    fastcgi_pass   127.0.0.1:9000;#    fastcgi_index  index.php;#    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;#    include        fastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /\.ht {#    deny  all;#}}# another virtual host using mix of IP-, name-, and port-based configuration##server {#    listen       8000;#    listen       somename:8080;#    server_name  somename  alias  another.alias;#    location / {#        root   html;#        index  index.html index.htm;#    }#}# HTTPS serverserver {listen       4433 ssl; # 改一下端口号，如果使用默认的端口号，可能会造成端口号冲突，导致nginx启动失败server_name  localhost; # 这里可以根据自己的需要填，我这里直接使用localhost了ssl_certificate     localhost+3-key.pem; # 这个就是证书的存放路径了，这里可以写绝对路径，也可以使用相对路径ssl_certificate_key  localhost+3.pem;    # 这个就是证书的存放路径了，这里可以写绝对路径，也可以使用相对路径ssl_session_cache    shared:SSL:1m;ssl_session_timeout  5m;ssl_ciphers  HIGH:!aNULL:!MD5;ssl_prefer_server_ciphers  on;location / {root   html;index  index.html index.htm;}}}

访问https服务

配置保存之后，重新启动nginx，然后访问：https://localhost:4433/
在这里插入图片描述
当然了，因为我在配置中，并没有，注释http的配置（http://localhost:8088/），也就是端口为8088的配置，所以使用http也是可以访问的。要想，只能https访问，那就直接注释掉这里相关的就行了。
在这里插入图片描述
如我们直接复制一张图片，到nginx对应部署的目录下：
在这里插入图片描述
然后通过https访问：https://localhost:4433/1.png
在这里插入图片描述
通过http访问：http://localhost:8088/1.png
在这里插入图片描述

复用nginx

因为我把证书放在了，nginx的conf的目录中，所以如果是给别人使用的话。直接压缩，然后发给别人，让别人解压就可以直接使用了。然后根据需求改一下nginx相关的配置，如端口号。这样，就不用把证书复制来复制去，生成来生产去的，配置来配置去的了。方便快捷。
在这里插入图片描述
在这里插入图片描述
直接，如上图所示的，压缩给别人用就行了。我直接放到百度网盘中了，需要的可以自己去拿。
链接：https://pan.baidu.com/s/1s8OL8wVop7ANOQ86yv0sIA
提取码：8778
–来自百度网盘超级会员V4的分享

这里顺便提一下：如果是web开发中，图片展示如果是展示如这里部署的https的服务地址时，浏览器无法正常展示图片，并且显示跨域问题，可以进行如下配置。也就是nginx跨域问题的解决办法。在nginx.conf中的配置


#user  nobody;
worker_processes  1;
events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;# HTTPS serverserver {listen       4433 ssl; # 改一下端口号，如果使用默认的端口号，可能会造成端口号冲突，导致nginx启动失败server_name  localhost; # 这里可以根据自己的需要填，我这里直接使用localhost了ssl_certificate  localhost+3.pem; # 这个就是证书的存放路径了，这里可以写绝对路径，也可以使用相对路径ssl_certificate_key  localhost+3-key.pem;    # 这个就是证书的存放路径了，这里可以写绝对路径，也可以使用相对路径ssl_session_cache    shared:SSL:1m;ssl_session_timeout  5m;ssl_ciphers  HIGH:!aNULL:!MD5;ssl_prefer_server_ciphers  on;location / {# 设置跨域头，这两句就是解决跨域问题的add_header 'Access-Control-Allow-Origin' '*';add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';root   html;index  index.html index.htm;}}}

7、卸载mkcert

mkcert-v1.4.4-windows-amd64.exe -uninstall

在这里插入图片描述
选择了是之后，就会卸载安装时相关的内容了，但并不影响nginx，因为这里只是在卸载，Windows中证书控制台相关的内容，跟在nginx部署https时使用的证书并没有关系，所以这个无所谓了，只不过卸载了mkcert之后，要想重新生成nginx部署https时的ssl证书，那就要重新安装一下mkcert而已。但是浏览器访问https服务时，可能会显示不安全连接。
在这里插入图片描述
如果是上面这个，重新mkcert-v1.4.4-windows-amd64.exe -install安装一下就可以了。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/786539.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

idea Springboot 电影推荐系统LayUI框架开发协同过滤算法web结构java编程计算机网页

idea Springboot 电影推荐系统LayUI框架开发协同过滤算法web结构java编程计算机网页

一、源码特点 springboot 电影推荐系统是一套完善的完整信息系统，结合mvc框架和LayUI框架完成本系统springboot dao bean 采用协同过滤算法进行推荐 ，对理解JSP java编程开发语言有帮助系统采用springboot框架（MVC模式开发）&…
阅读更多...
书生·浦语大模型-第二节课笔记/作业

书生·浦语大模型-第二节课笔记/作业

笔记 实验一 cli-demo import torch from transformers import AutoTokenizer, AutoModelForCausalLMmodel_name_or_path "../models"tokenizer AutoTokenizer.from_pretrained(model_name_or_path, trust_remote_codeTrue, device_mapcuda:0) model AutoModelF…
阅读更多...
【Cadence Allegro】如何差分对走线

【Cadence Allegro】如何差分对走线

一、创建espice模型 shift+F2或者“Analyze-Model Assigment”创建espice模型，这个操作是为了让差分线路里的串接电阻(或电感电容)变为xnet类型方便准确等长走线。 Cadence Allegro Xnet的创建详细教程 - 知乎Cadence Allegro Xnet的创建详细教程Xnet是指在无源器件的两端，…
阅读更多...
【Go】十四、封装、继承

【Go】十四、封装、继承

文章目录 1、封装2、继承3、继承的注意点 1、封装 隐藏实现细节保证数据安全（控制变量或方法的访问范围，private） Go中实现封装： 结构体、字段的首字母小写（Java的private）提供一个工厂模式函数&#xf…
阅读更多...
微服务管理（完整）

微服务管理（完整）

前言： 分享一篇学微服务管理的过程 一，etcd入门 1，简介 1.1，etcd是什么 etcd是CoreOS团队于2013年6月发起的开源项目，它的目标是构建一个高可用的分布式键值(key-value)数据库。 官网上的一段描述： A…
阅读更多...
Tomcat调优总结（Tomcat自身优化、Linux内核优化、JVM优化）

Tomcat调优总结（Tomcat自身优化、Linux内核优化、JVM优化）

Tomcat自身的调优是针对conf/server.xml中的几个参数的调优设置。首先是对这几个参数的含义要有深刻而清楚的理解。以tomcat8.5为例，讲解参数。 同时也得认识到一点，tomcat调优也受制于linux内核。linux内核对tcp连接也有几个参数可以调优。 因此我们可…
阅读更多...
java数据结构与算法刷题-----LeetCode695. 岛屿的最大面积

java数据结构与算法刷题-----LeetCode695. 岛屿的最大面积

java数据结构与算法刷题目录（剑指Offer、LeetCode、ACM）-----主目录-----持续更新(进不去说明我没写完)：https://blog.csdn.net/grd_java/article/details/123063846 文章目录 1. 深度优先遍历2. 广度优先 1. 深度优先遍历 这不是找最短路径&…
阅读更多...
蓝桥杯刷题第七天

蓝桥杯刷题第七天

这道题一开始看真的有点简单，但一开始跟着案例先入为主了，误以为是只有两个项目想着穷举完n个人，（n1）*（n2）/2种情况但后面发现项目不止两个，用链表来好像我也不会，用二维…
阅读更多...
linux编辑器——vim使用方法

linux编辑器——vim使用方法

文章目录 linux编辑器——vim使用方法1. vim的基本概念2. vim的基本操作3. vim正常模式命令集4. vim末行模式命令集5. vim操作总结6.简单vim配置7.参考资料 linux编辑器——vim使用方法 vi/vim的区别简单点来说，它们都是多模式编辑器，不同的是vim是vi的…
阅读更多...
泛域名站群,泛域名程序

泛域名站群,泛域名程序

泛域名站群是一种利用大量类似的泛域名来建立多个网站，并通过这些网站链接到主网站，以提升主网站的排名和流量的策略。泛域名站群通常包含大量的子域名，这些子域名指向不同的页面，但它们的内容大部分是重复或相似的，目…
阅读更多...
【Frida】【Android】08_爬虫之网络通信库okhttp3

【Frida】【Android】08_爬虫之网络通信库okhttp3

🛫 系列文章导航 【Frida】【Android】01_手把手教你环境搭建 https://blog.csdn.net/kinghzking/article/details/136986950【Frida】【Android】02_JAVA层HOOK https://blog.csdn.net/kinghzking/article/details/137008446【Frida】【Android】03_RPC https://bl…
阅读更多...
编译和链接（基础速通版）

编译和链接（基础速通版）

翻译环境和运行环境 前提解释 电脑是不能直接执行C语言的程序代码的，所依赖的是翻译环境进行一个源代码运行的时候需要经过翻译环境和运行环境的处理，才能得到你需要的可运行程序。 这里是源文件，也就是 .c文件，通过翻译环境得…
阅读更多...
图解PyTorch中的torch.gather函数和 scatter 函数

图解PyTorch中的torch.gather函数和 scatter 函数

前言 torch.gather在目前基于 transformer or query based 的目标检测中，在最后获取目标结果时，经常用到。 这里记录下用法，防止之后又忘了。 介绍 torch.gather 官方文档对torch.gather()的定义非常简洁 定义：从原tensor中获…
阅读更多...
Ubuntu joystick 测试手柄 xbox

Ubuntu joystick 测试手柄 xbox

Ubuntu joystick 测试手柄 xbox 测试使用Ubuntu20.04 测试环境在工控机 安装测试 实际测试使用的手柄是北通阿修罗2pro 兼容xbox Ubuntu20.04主机 连接手柄或者无线接收器后查看是否已经检测到： ls /dev/input找到输入中的 js0 即为手柄输入 需要安装joysti…
阅读更多...
注意力机制篇 | YOLOv8改进之添加DAT注意力机制

注意力机制篇 | YOLOv8改进之添加DAT注意力机制

前言：Hello大家好，我是小哥谈。DAT（Vision Transformer with Deformable Attention）是一种引入了可变形注意力机制的视觉Transformer。在训练算法模型的时候，通过引入可变形注意力机制，改进了视觉Transformer的效率和性能，使其在处理复杂的视觉任务时更加高效和准确。�…
阅读更多...
css酷炫边框

css酷炫边框

边框一 .leftClass {background: #000;/* -webkit-animation: twinkling 1s infinite ease-in-out; 1秒钟的开始结束都慢的无限次动画 */ } .leftClass::before {content: "";width: 104%;height: 102%;border-radius: 8px;background-image: linear-gradient(var(…
阅读更多...
正则表达式引擎库汇合

正则表达式引擎库汇合

1.总览表格 一些正则表达式库的对比 index库名编程语言说明代码示例编译指令1Posix正则C语言是C标准库中用于编译POSIX风格的正则表达式库 posix-re.cgcc posix-re.c 2PCRE库C语言提供类似Perl语言的一个正则表达式引擎库。 一般系统上对应/usr/lib64/libpcre.so这个库文件&am…
阅读更多...
柔性数组详细讲解

柔性数组详细讲解

动态内存函数的使用和综合实践-malloc，free，realloc，calloc-CSDN博客https://blog.csdn.net/Jason_from_China/article/details/137075045 柔性数组存在的意义 柔性数组在编程语言中指的是可以动态调整大小的数组。相比固定大小的数组&#…
阅读更多...
STL容器的一些操作（常用的，不全）

STL容器的一些操作（常用的，不全）

目录 string 1.string的一些创建 2.string 的读入和输出： 3.string的一些操作 4.彻底清空string 容器的函数 vector 1.vector的一些创建： 2.vector的一些操作： 3.vector的彻底清空并释放内存： queue 循环队列&#xff1…
阅读更多...
兑换码生成算法

兑换码生成算法

兑换码生成算法 兑换码生成算法1.兑换码的需求2.算法分析2.重兑校验算法3.防刷校验算法 3.算法实现 兑换码生成算法 兑换码生成通常涉及在特定场景下为用户提供特定产品或服务的权益或礼品，典型的应用场景包括优惠券、礼品卡、会员权益等。 1.兑换码的需求 要求如…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023