快速配置
不想看下面,只看这一部分就可以,前提是你电脑上安装的是 xampp。
打开文件 httpd-ssl.conf, 该文件在 xampp/apache/conf/extra 目录下
把ServerName改成 localhost:443 如果你有配置虚拟主机,可以改成你虚拟主机的名字。
ServerRoot改成你的网站根目录即可。 如果你的根目录用的默认设置,就不用改了。
重启apache,使用 https:localhost 访问。 大功告成。
xampp
xampp是一款集成了apache、php、mysql的软件包, 虽然不合适在生产环境中去使用,但是使用xampp搭建一个开发环境还是非常不错的选择,快速,方便,省事。 而且xmapp是跨平台的,mac、linux、windows都有相对应的版本。此外,与xampp类似的软件还有wampserver,appserver 等等。
https
通俗的讲,就是http的安全版。现在越来越多的网站已经采用https方式,像微信小程序只能想https的地址发起请求,chrome支持的部分H5API也只能在https下使用。 https的原理就是 在http下加入了ssl层,因此搭建https需要ssl证书。该证书一般需要花钱购买,当时可以有免费的试用版。 在这里,我们可以自己生成ssl证书,当然不需要花钱,当然也只能自己测试用。还有,http的默认端口是80,https的默认端口是443
xampp搭建https服务器
xampp其实已经内置了ssl模块,ssl证书都是自带的,因此要搭建的https服务器,太他妈简单了。
首先,打开httpd.conf (你要是不知道在哪,你先把apache研究好在来研究https吧)
注意,确保这几项前面的注释是打开的(删掉前面的#),其实默认都没有注释,也就是你跟不用该
LoadModule ssl_module modules/mod_ssl.so
Include conf/extra/httpd-ssl.conf
下面,打开 httpd-ssl.conf
看如下配置
DocumentRoot "C:/xampp/htdocs"
ServerName www.example.com:443
ServerAdmin admin@example.com
ErrorLog "C:/xampp/apache/logs/error.log"
TransferLog "C:/xampp/apache/logs/access.log"
# SSL Engine Switch:
# Enable/Disable SSL for this virtual host.
SSLEngine on
只有改动 DocuemntRoot和ServerName即可。
DocumentRoot就是网站的根目录的,你用默认的目录也可以,我这里是跟httpd.conf中的DocuemntRoot一致的。
ServerName的默认值是 www.example.com:443。 如果那你想使用 https://www.example.com:443 来访问网站的话,你需要配置虚拟主机,怎么配置虚拟主机,不会的自行搜索,把虚拟主机配置成 www.example.com即可。 我不太喜欢虚拟主机,所以就直接把 ServerName配置成了 localhost:443, 这样你就可以通过 https:localhost或https:127.0.0.1来访问了。
配置完毕, 大功告成, 重启apche,访问成功!
注意
使用chrome浏览器访问的时候,可能会提示“您的链接不是私密链接”,然后不让你访问。 我们是自己的证书没有经过chrome认证,不用担心。 这时候你可以点击高级, 再点击 继续前往... 就可以了。