wordpress开启https访问

本文详细介绍了在云服务器上部署HTTPS的过程,包括申请SSL证书、配置Nginx、强制WordPress使用HTTPS、重定向HTTP到HTTPS,以及解决常见问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先去云服务器申请证书

这里购买免费的ssl证书,申请完成之后,直接在服务平台下载即可,放在如下的目录,这里参考阿里云的推荐配置,在nginx安装目录下的conf目录创建cert文件夹,将解压的证书放在cert文件夹下,因为我的nginx不仅仅配置了一个应用,都配置在conf的 vhost目录下
img
img

一定要注意位置,不然启动nginx会出现文件没有找到的错误

对wordpress文章内的图片及后台强制https设置。

wordpress上传的图片都写入了绝对地址,也就是启用https前所有上传到文章的图片都是以http://开头的地址存储,如果不转换成https访问网站时浏览器顶部的“小锁”会在某些浏览器显示安全警告,让图片变成https地址很简单,只需要在当前主题的functions.php文件中添加以下代码:

/* 替换图片链接为 https */
function my_content_manipulator($content){
    if( is_ssl() ){
        $content = str_replace('http://www.imisty.cn/wp-content/uploads', 'https://www.imisty.cn/wp-content/uploads', $content);
    }
    return $content;
}
add_filter('the_content', 'my_content_manipulator');

可自动将全站所有http地址图片自动转换成https地址图片。

开启登录和后台https访问。

  • 打开网站根目录下的wp-config.php文件,在文件底部添加:
/* 强制后台和登录使用 SSL */
define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);
  • 然后在后台管理界面设置-常规-wordpress地址和站点地址修改为https

  • 要确保网站的每个元素(如插件、JS、CSS文件、图片、内容分发网站等)都采用https协议:(可以在chromeF12看看有没有警报)

  • 修改“菜单”当中的所有“自定义链接”为 https;

  • 修改其他自己手贱写入的绝对链接的地址……

  • 替换文章所有的Http到https

直接修改数据库(注意先备份!注意先备份!!注意先备份!!!重要的事情说三遍!)

UPDATE wp_posts 
SET    post_content = ( Replace (post_content, 'http://www.imisty.cn/', 'https://www.imisty.cn/') );

但是实际操作的过程中我发现不需要使用这一步,毕竟有点危险,所以我将后台站点https设置完成之后,发现文章访问404,再修改为朴素链接之后直接顺带修改了数据库还是使用WordPress自带的修改的对我这样不懂PHP的小白还是很不错的

开始配置站点的配置文件 ,我的配置如下

网站这时候虽然支持了 HTTPS 访问,但是也可以使用 HTTP 来访问,考虑到搜索引擎目前收录的都是 HTTP 链接,需要将http重定向到https。

server {
        listen          80;
        server_name     www.imisty.cn imisty.cn;
        return 301 https://www.imisty.cn$request_uri;
        root            /var/www/html/wordpress;
        index           index.html index.htm index.php;
        client_max_body_size 100M;

        if (!-e $request_filename) {
            rewrite ^(.*)$ /index.php$1 last;
        }

        location ~ .*\.php(\/.*)*$ {
            include fastcgi.conf;
            fastcgi_index  index.php;
            fastcgi_pass  127.0.0.1:9000;

            fastcgi_connect_timeout 300;

            fastcgi_send_timeout 300;

            fastcgi_read_timeout 300;
        }


        error_log  logs/error_wordpress.log;
        access_log logs/misty.log combined;
    }
server {
 listen 443 ssl;
 server_name www.imisty.cn imisty.cn;
 root            /var/www/html/wordpress;
 index           index.html index.htm index.php;
 client_max_body_size 100M;

 ssl_certificate   cert/misty.pem;
 ssl_certificate_key  cert/misty.key;
 ssl_session_timeout 5m;
 ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
 ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
 ssl_prefer_server_ciphers on;


 location ~ .*\.php(\/.*)*$ {
      include fastcgi.conf;
      fastcgi_index  index.php;
      fastcgi_pass  127.0.0.1:9000;

      fastcgi_connect_timeout 300;

      fastcgi_send_timeout 300;

      fastcgi_read_timeout 300;
     }

}

检验配置是否正确
/usr/local/nginx/sbin/nginx -t

Nginx安装http_ssl_module模块

Nginx如果未开启SSL模块,配置Https时提示错误

nginx: [emerg] the "ssl" parameter requires ngx_http_ssl_module in /usr/local/nginx/conf/nginx.conf:xxx

因为在配置的时候已经安装过nginx,但是没有安装ssl模块

采用如下步骤安装nginx的ssl模块
  1. 进入nginx的ssl源码包
    cd ~/MyFille/nginx

  2. configure安装指定的模块
    ./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

  3. make编译
    make
    4.一定不要执行make install,否则就覆盖安装了。

  4. 备份原有的nginx
    cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx_bak

6.将刚刚编译好的nginx替换原来的,一定要先stop,不然会显示文件忙
cp ./objs/nginx /usr/local/nginx/sbin/

7.查看安装情况,如下信息说明正常安装

[root@izwz993bv9azta8nrfwuhqz sbin]# ./nginx -V
nginx version: nginx/1.16.0
built by gcc 4.8.5 20150623 (Red Hat 4.8.5-36) (GCC) 
built with OpenSSL 1.0.2k-fips  26 Jan 2017
TLS SNI support enabled
configure arguments: --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

常见问题

启动nginx的时候出现如下错误

解决Nginx: [error] open() "/usr/local/Nginx/logs/Nginx.pid" failed(2:No such file or directory)

解决办法/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf使用nginx -c的参数指定nginx.conf文件的位置,注意这里的配置文件位置最好使用绝对路径

阿里云推荐nginx配置的警告信息

[warn] the "ssl" directive is deprecated, use the "listen ... ssl" directive instead
nginx 1.15 及以后的版本,不需要再写 ssl on; 了。

改为
应该把 ssl on 改成 listen 443 ssl 这样才对

主页和后台管理https访问正常,其他页面访问出现404错误

这个查阅资料发现时伪静态的问题,最后还是使用朴素链接解决这个问题,原因我也不想深究了

WP Editor.md 在修改为http访问之后卡加载界面

这个问题我在前端调试发现发现是js加载的时候使用了http需要将地址改为https的,最后我还是选择逃避式解决问题改用WP Githuber MD,另一个原因就是WP Editor.md作者不再维护了

小确幸

每一丝灵感都值得被记录,每一笔记录都是成长,每一点成长都值得欢呼

博主个人站:www.imisty.cn

希望能够认识一些热爱技术的小伙伴,欢迎友链接哟

### 在 PHPStudy 上为 WordPress 配置 HTTPS 的方法 为了在 PHPStudy 环境下为 WordPress 配置 HTTPS,可以遵循以下操作指南。这不仅涉及服务器环境的调整,还需要对 WordPress 进行相应的设置。 #### 1. **启用 PHPStudy 中的 SSL 功能** PHPStudy 提供了内置的支持来开启 SSL/TLS 加密功能。可以通过以下方式实现: - 打开 PHPStudy 控制面板。 - 找到目标站点(即已部署好的 WordPress),右键点击该站点名称,在弹出菜单中选择“绑定证书”选项[^3]。 - 如果尚未拥有有效的 SSL 证书,则可以选择自签名证书作为临时解决方案;对于生产环境建议申请免费 Let’s Encrypt 或其他权威机构颁发的真实证书[^4]。 #### 2. **修改 Nginx/Apache 配置文件支持 HTTPS 请求** 根据所使用的 Web Server 不同,具体配置略有差异: ##### 对于 Apache 用户: 编辑虚拟主机对应的 `.conf` 文件,通常位于 `D:\phpstudy_pro\MW\Apache\conf\vhosts` 路径下。添加如下指令以强制重定向 HTTP 至 HTTPS 流量: ```apache <VirtualHost *:80> ServerName yourdomain.com Redirect permanent / https://yourdomain.com/ </VirtualHost> <VirtualHost *:443> SSLEngine on SSLCertificateFile "path/to/cert.pem" SSLCertificateKeyFile "path/to/private.key" DocumentRoot "D:/phpstudy_pro/WWW/wordpress" ServerName yourdomain.com </VirtualHost> ``` 其中需替换实际路径与域名信息[^1]。 ##### 若采用的是 Nginx: 同样定位至相应配置文档位置,增加类似下面的内容片段: ```nginx server { listen 80; server_name yourdomain.com; return 301 https://$host$request_uri; # 将所有HTTP请求跳转成HTTPS形式处理 } server { listen 443 ssl http2 default_server; server_name yourdomain.com ; root D:/phpstudy_pro/WWW/wordpress; include snippets/self-signed.conf; # 自定义SSL参数部分可选加载外部预设模板 include snippets/ssl-params.conf; } ``` 以上两段脚本均实现了从标准端口(80)迁移到安全连接模式下的重新导向机制[^2]。 #### 3. **更新 WordPress 数据库中的 URL 地址** 由于切换协议后原链接可能失效,因此有必要修正存储于 MySQL 表内的旧版URL记录。执行 SQL 查询语句如下所示: ```sql UPDATE wp_options SET option_value = replace(option_value, 'http://', 'https://') WHERE option_name = 'home' OR option_name = 'siteurl'; UPDATE wp_posts SET guid = REPLACE(guid,'http://','https://'); UPDATE wp_postmeta SET meta_value = REPLACE(meta_value , 'http://' ,'https://'); ``` 注意备份原始数据以防万一发生错误恢复困难情况。 #### 4. **验证并测试新配置效果** 最后一步便是确认整个流程无误——通过浏览器访问 https 版本网址查看页面能否正常显示以及是否存在混合内容警告等问题。如果一切顺利的话,恭喜您已完成基于 PHPStudy 平台上的 WordPress HTTPS 设置! --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值