CapRover

解决因为 SSL 导致的 WordPress 后台无限 Redirect 的问题

silver mercedes benz emblem on blue surface
~ 白宦成 ~ 2 Comments

在使用 CapRover 并配置域名为 HTTPs 域名时，在你访问管理后台时，可能会导致触发Chrome 自己的无限 Redirect 的问题。

之所以出现这个问题，是因为 CapRover 的架构导致的：CapRover 在最外层是一个 Nginx，SSL 证书也是在这一层完成的。而 CapRover 的默认配置，在将请求向后转发时，透传的域名会是不含 HTTPs 的协议标识的，导致 WordPress 认为发来的请求是非加密的。

d2b5ca33bd970f64a6301fa75ae2eb22 18

而 WordPress 识别到你的请求未加密，就会返回 302 让你进入 HTTPS的链接。但新的请求并不会带上 HTTPs 的标识，导致进入无限循环。

解决这个问题的一个简单处理的方式是 — 在你的 wp-config.php 中加入如下代码，来告诉 WordPress，这个请求已经是 HTTPs 保护的了，你直接处理就好。

/* for ssl in docker */

define('FORCE_SSL_LOGIN',true);

define('FORCE_SSL_ADMIN',true);

$_SERVER['HTTPS'] = 'on';
Code language: PHP (php)

使用 CapRover WebHook 获得类 Vercel 部署体验

34456427bc43e44f517b4eece861c6f5
~ 白宦成 ~ Leave a comment

我在开发前端应用的时候，基本上使用的都是 Vercel ，究其原因，主要是以下几个点：

  1. Vercel 可以方便的与 Github 整合，提供简单易用的部署方式：写完代码，测试完成后推送到 Github ，就会自动部署到线上。对于小型项目来说，可以简化部署的流程。
  2. Vercel 提供了自定义域名和自动配置的 SSL，提供了简单的配置方式：在现在 SSL 成为标配的模式下，在 Vercel 你只需要把域名解析到 Vercel ，并在你的 Project 当中绑定域名，就会自动完成域名绑定和 SSL 申请和续期。
  3. Vercel 提供了 FaaS 环境：写应用的时候，很多时候不只有前端的需求，这个时候， Vercel 自身的提供的 FaaS 环境可以帮助你完成基本逻辑的编写。

但 Vercel 毕竟是以前端为主，且函数运行时长也有限制，对于一些比较重的场景下，Vercel 还是不太够用。刚好最近我把服务部署从传统的 LAMP 换成了 Docker Based PaaS，我使用的 CapRover 提供了类似的体验。

使用 Cap Rover 你能获得的体验：

  • 上传代码后，自动部署到 Production
  • 绑定域名后，自动配置 SSL 证书，且可以配置其他域名转发到主域名

具体操作步骤见下：

安装 CapRover

CapRover 的安装我就不再赘述，跟随官方的说明安装即可。

绑定根域名

当你登录 CapRover 时，CapRover 会让你绑定一个泛域名解析，你可以根据自己的需要，绑定一个二级或者三级域名，然后在 DNS 解析一个 * 到这个服务器上。这样后续部署的服务就会自动解析一个 服务名.你的域名 ，用于服务的初步访问（类似于 xxx.vercel.app)。

d2b5ca33bd970f64a6301fa75ae2eb22 6

上传代码至 GitHub

在 Github 上创建一个代码仓库，并把你自己的项目部署上去。如果你有已经写好的 Dockerfile，可以一并上传上去。如果没有的话，则可以选择参考 CapRover 提供的 Sample App ，里面提供了常见语言的部署参考。

创建容器并配置环境

完成代码上传后，你可以进入到 CapRover 后台，创建一个新的 App。这里可以输入你喜欢的名字，方便后续查找即可。

d2b5ca33bd970f64a6301fa75ae2eb22 7

创建完成后，点击下方列表中的应用名称，进入应用的配置页面，并切换至 Deployment 页面。

d2b5ca33bd970f64a6301fa75ae2eb22 8

在这个页面，可以找到 Method 3 ： Deploy From GitHub/ Bitbucket/Gitlab，填写你的仓库信息、分支名、用户名。密码你可以选择直接使用你的密码，也可以选择创建一个 Personal Access Token ，或者是在仓库里配置一个 Deploy SSH key 均可。

d2b5ca33bd970f64a6301fa75ae2eb22 9

配置完成后，会自动给你生成一个 Webhook 地址，复制这个 Webhook 地址。

d2b5ca33bd970f64a6301fa75ae2eb22 10

配置 Github 上的 WebHook

复制上方的 Webhook 地址，并进入到 Github 你的仓库 – Settings – webhooks 页面，新增一个 Webhook。

d2b5ca33bd970f64a6301fa75ae2eb22 11

粘贴你刚刚复制的 URL，Content Type 选择 application JSON，并在下方选择触发部署的时机。

d2b5ca33bd970f64a6301fa75ae2eb22 12

点击报错。

等待自动部署

接下来你就可以通过提交代码，来让其自动完成部署，从而享受类似于 Vercel 的推送即部署的体验～。