Transkey

Heroku部署WordPress(自动篇)
一、前言上篇跟大家介绍了如何手动修改WordPress的源码,然后推到Heroku仓库自动部署,对于很多小伙伴来说...
扫描右侧二维码阅读全文
10
2020/09

Heroku部署WordPress(自动篇)

一、前言


上篇跟大家介绍了如何手动修改WordPress的源码,然后推到Heroku仓库自动部署,
对于很多小伙伴来说可能比较复杂,不用担心! 不用担心! 不用担心!

博主已经把代码修改好,放到了Github上了,
小伙伴只需要访问此仓库,点击按钮deloy to heorku,就会自动部署到heroku上,
部署完后,返回给用户访问URL地址,访问即可。

此处内容需要评论回复后(审核通过)方可阅读。

本篇会给大家介绍
如何注册heroku账号,如何使用这个Button,以及如何绑定上自己的域名。



二、必须环境

  • 翻墙网络
  • Heroku-CLI
  • Linux/Windows/Mac终端 (本文以Centos7为例)


三、Heroku账号注册

Heorku传送门,前往注册
sign.jpg

① 填写相关信息,除下列其他随意。

  • Email:最好gmail
  • language:php
  • I’m not a bot:打钩
  • Country:HongKong

② 点下方CREAT FREE ACCOUNT,创建账号,然后邮箱验证下。

登陆Heroku

login.png

④ 填写刚申请的账号 密码,点Log In

dashboard.png

登陆完后,显示dashboard界面,放着就行。



四、一键部署

① 访问博主Github地址,点击btn

btn.png

② 输入App name,如报错换一个,这是唯一的

APP.png

appname可以取好记点的,后面是app url的一部分。

③ 点击Deploy app,开始自动部署,部署全部绿色就是OK。

deploy.png

④ 点击View可以查看,就可以前往我们的Wordprees

可以发现:我们的appurl是 https://lmsky.herokuapp.com/

wpinit.png

⑤ 填下WP的信息,用户名 密码是后台管理员的哦,点击安装WordPress

success.png

⑥ 安装成功了! 点击登陆

loginpage.png

⑦ 这样好啦

wpdash.png

此时,我们的WordPress就部署好了,
访问https://[appname].herokuapp.com/就可以到我们。

现在将我们的个人域名绑定到heroku app上。
eg: 访问个人域名 https://wp.1msky.cn 即可跳到 https://lmsky.herokuapp.com



五、绑定个人域名


导入

其实heroku免费版Free Dyno已经有提供免费的https的url <app-name>.herokuapp.com,
也可以绑定个人域名,但是用个人域名的SSL证书失效的。

Heroku官网仅提供了2种付费方案绑定个人域名的SSL证书:

方案1.
Free Dyno升级成Hobby Dyno$7/月),会附赠免费Heroku SSL保护我们的应用
Announcing Free and Automated SSL Certs For All Paid Dynos


cost.png

方案2.
添加SSL ENDPOINT addnos($20/月),Addons SSL介绍

ssl2.png

上面方式配置上相对简单,但是需要付费,下面给大家介绍另一种免费的方式。
将heroku提供的URL,套上CloudFare

CloudFlare是个CDN(内容交付网络)提供商,它缓存并为我们的静态资产提供服务,
从而使站点更快,并减轻了服务器的负载。

设置完成后,访问个人域名https://wp.1msky.cn即可跳到https://lmsky.herokuapp.com

cloudflare_ssl.jpg

配置

① 添加heroku app的个人域名 (例如:wp.1msky.cn


[root@myaliecs sh]# heroku domains:add wp.1msky.cn -a lmsky
Configure your app's DNS provider to point to the DNS Target rectangular-catfish-qhtemgd0jz8aixgqvaaligyh.herokudns.com.
  For help, see https://devcenter.heroku.com/articles/custom-domains

The domain wp.1msky.cn has been enqueued for addition
Run heroku domains:wait 'wp.1msky.cn' to wait for completion
Adding wp.1msky.cn to ⬢ lmsky... done
[root@myaliecs sh]# heroku domains -a lmsky
=== lmsky Heroku Domain
lmsky.herokuapp.com

=== lmsky Custom Domains
Domain Name DNS Record Type DNS Target
wp.1msky.cn CNAME           rectangular-catfish-qhtemgd0jz8aixgqvaaligyh.herokudns.com

或者在heroku 的页面上操作: 首页 -> Setting -> Domains位置点Add domain -> 填入个人域名

add_domains.png


申请一个CloudFlare账号注册传送门

自行前往各自购买的域名平台,将域名的DNS服务器修改为CloudFlare的DNS

  • faye.ns.cloudflare.com
  • hayes.ns.cloudflare.com

CloudFlare上添加站点(免费的只支持主域名,子域名不支持),

ADD_SITE.png

⑤ 点击DNS,追加CNAME记录值,填入heroku app地址lmsky.herokuapp.com保存
wp.1msky.cn => lmsky.herokuapp.com

CNAMEADD.png

SSL PLAN设置点SSL/TLS,选择完全

ssl_cf.png

⑦ 等待10分钟后访问我们的个人域名 https://wp.1msky.cn,确认证书已经正常。

wp_cf.png

最后,如果什么疑问欢迎留言或选择如下方式咨询哦。୧(๑•̀⌄•́๑)૭


阿里云中国版注册就送¥2000,可开香港区机房CN2专线,【点击注册】。
阿里云国际版注册就送$10,国际机房CN2专线,无需备案,【点击注册】。

Last modification:June 16th, 2021 at 08:49 am
如果觉得我的文章对你有用,请随意赞赏

37 comments

  1. 晴空卡

    非常好,支持。

  2. 2333

    感谢

  3. chen

    学习学习

  4. nextpage

    学习了

  5. 可以 很强

  6. ubuntu

    感谢

  7. ada

    学习学习

  8. ice

    感谢大佬

  9. yy

    请问为什么我部署完,打开应用那个网站是一直未响应状态啊,求教OωO

    1. Transkey
      @yy

      先看下部署完后的域名是否可以ping通

  10. yy

    感谢

    我来打卡啦~٩(๑>◡<๑)۶! 给你来句诗~

    「百战沙场碎铁衣,城南已合数重围。」

  11. 2256l

    112254OωO
    我来打卡啦~٩(๑>◡<๑)۶! 给你来句诗~

    「年少万兜鍪,坐断东南战未休。」

  12. ilAyaseM

    感谢分享

  13. 感谢分享

  14. zj

    感谢

  15. hezizizi

    感谢

  16. koishi514

    感谢

Leave a Comment