Windows搭建WordPress博客网站:将网站发布至公网可访问 3/5

系列文章


上篇介绍中,我们成功的在本地电子设备上建立起一个像样的、且可扩展变更外观样式的动态网页,但想要让这个网站成为商业行为的载体,还需要让其能被公共互联网用户访问到。因此我们需要对WordPress网页的配置文件进行些许变更,并在cpolar的帮助下,打通本地电子设备和公共互联网之间的数据隧道。需要注意的是,由于对WordPress配置文件的变更需要对配置代码进行改写,稍不留心就会导致我们的网页无法访问,因此必须小心操作。现在,就让我们看看,应该如何变更WordPress的配置,并建立起cpolar数据隧道吧。

与一般的隧道概念相同,数据隧道至少要有两个口以连接不同区域,因此我们要回到本地电脑,打通cpolar与WordPress网站输出端口之间的通道。不过首先,需要让WordPress配置进行修改,让WordPress学会如何正确处理来自本地电子设备以外的网页访问请求。

这里我们要暂时用到代码编辑软件Visual Studio Code(下载地址:https://code.visualstudio.com/Download。安装后,软件会在第一次使用时询问是否变更语言为中文,我们选择更改即可)。

在本地电脑上打开VS Code,在左上角的“文件”选项中选择“打开文件”

20221117174752

在弹出的文件选择框中,找到PHPstudy的安装文件夹下的WWW文件夹,进入该文件夹选取放置WordPress的文件夹(这个例子中为我们本地网站的文件路径,具体的路径需要根据PHPstudy的实际安装位置进行),选取web3文件夹中的“wp-config.php”文件。

20221117174758

在找到“wp-config.php”文件后,点击下方的“打开”按钮,就能进入配置文件的修改界面,看起来很有程序员每天面对的代码界面的感觉。接着,我们找到需要修改的代码位置,粘贴如下两个命令行(由于命令行对标点符号有全/半角的严格要求,因此我们建议直接复制下列代码,避免输入格式错误)

define('WP_SITEURL', 'http://' . _SERVER['HTTP_HOST']);
define('WP_HOME', 'http://' ._SERVER['HTTP_HOST']);

而修改代码的位置,则如下图所示

20221117174805

这一步很重要!如果没有对WordPress进行正确配置,面对公网访客的访问请求时,WordPress将无法正确应对,导致访客访问本地网站失败!我们之前进行的所有工作也将失去意义!在代码输入后,再点击代码页面上方的“X”将其保存关闭,再退出VS code程序。

20221117174811

此时我们就教会了WordPress,如何正确应对本地以外的网页访问请求。接着,我们回到windows的开始菜单,从中找到cpolar客户端(或者浏览器访问127.0.0.1:9200)。

20221117174818

点击启动cpolar,在输入登录名和密码后,进入cpolar客户端主界面。在左侧找到隧道管理项下的创建隧道按钮,点击进入数据隧道创建页面,输入我们本地网页的相关信息,将公共互联网与WordPress网页输出端口连接起来。

20221117174824

这里的设置需要注意,本地地址就是我们使用PHPstudy创建网页时,填入的端口号。如果该项填错,会导致互联网访客访问端口出错,导致无法访问到本地网站。在相关信息填入后,就可以点击下方的创建按钮,建立起公共互联网与本地网页之间的数据隧道。

为验证该数据隧道是否建立,我们可以点击cpolar客户端主界面左侧的状态栏,在下拉菜单中选择在线隧道列表,看到我们刚刚建立的数据隧道。

20221117174830

在这里,我们就能更清晰的看到,“公网地址”就是数据隧道的入口,而“本地地址”就是数据隧道的出口,公共互联网的访客可以通过公网地址(隧道入口),访问到本地地址上的网站(隧道出口),反之亦然。也就将本地电子设备上的网页,成功发布到公共互联网上。我们可以将公网地址复制,并在浏览器地址栏中输入,验证该隧道的有效性。

20221117174836

在这里我们就能看到,cpolar建立的数据隧道,有效的连接起公共互联网和本地网站,让公网访客能够直接访问到本地电脑上的商业网站。从而避免了租用公网服务器的费用,并且能让我们方便的在本地电脑上维护自己的商业网站。

虽然我们的本地网站已经能被公网访客所访问到,但此时我们网站的网址还很复杂,并且也无法体现出与我们商业活动的关联(无论是公司名还是产品名、甚至是短视频博主名),因此我们还需要对这个网站继续进行打磨。由于内容较多且篇幅所限,我们将在之后的介绍中,为大家详细说明,如何将商业网站的网址,更改为我们想要的网址。如果您对cpolar有任何疑问,欢迎与我们联系,我们必将为您提供力所能及的协助。当然也欢迎加入cpolar的VIP官方群,共同探索cpolar的无限潜能。

发表回复