web前端程序员,如何使用000webhost免费托管自己的网站?

547 阅读4分钟

web前端程序员,如何使用000webhost免费托管自己的网站?

前言:

当前的操作需要小工具,才能访问000webhost国外网站。最好还拥有outlook微软邮箱或者gmail的谷歌邮箱,当前网站是不支持QQ邮箱等中国邮箱注册的。

目录:

  ----  一、web前端程序员,如何使用000webhost免费托管自己的网站?

  ----  二、在000webhost注册帐号

  ----  三、如何上传前端项目

  ----  四、测试上传的网站

一、为什么要使用000webhost托管网站?

000webhost是可以免费托管程序员的网站,并且该网站还提供免费的域名访问网站,MySQL数据库,FTP文件上传等各种功能,在这个网站中都是免费。当然,也有更优良性能的付费版,在这里只讨论免费版本。网站中拥有非常人性化的控制台,这能让前端的学习者省去了不少麻烦。

如果有不懂的开发者,可以查看小编的上一篇文章。(juejin.cn/post/701581…

image-20211007214016535.png

二、在000webhost注册帐号

由于000webhost在性能上,是堪比部分付费的虚拟主机。有相关文章谈及,当前网站注册的很多用户都是中国用户,所以才逐渐屏蔽中国大陆的用户访问。所以,综合各种原因,想要免费获取一些权限与功能,就必需学习一些高级技能。至于如何访问被屏蔽的国外网站,各位可以网上查找资料。在这里,就不再谈及如何访问000webhost网站。

当前就已经完成帐号的注册了。

image-20211007194800814.png

三、如何上传前端项目

1. 先选择Other >>> 在第一个输入框中输入网站的名称 例:“mywebsite” 注意:这个名称不要乱取,这将是你网站url的组成部分,不懂可以往下看。 >>> 点击SUBMIT按钮

image-20211007195008414.png

image-20211007195215516.png

2.点击最右侧的“Upload your site”卡片下的“Select”按钮,就会进入文件上传的控制台

image-20211007201820321.png

3.点击 “public_html 文件夹”,进入public_html文件夹后,有个.htaccess的文件,千万不要删除这个文件。否则,会无法运行上传的网站

image-20211007200027914.png

4.到这里后,点击菜单栏上的“上传图标”,进行网站文件的上传。小编使用的是vue项目,经过打包后的文件。注意:不管是什么项目,一定要保证index.html在与.htaccess同级的文件夹内,否则,运行还是会出问题。最后,点击“UPLOAD”按钮上传文件

image-20211007212857678.png

image-20211007213014656.png

5.如果看到当前类似的页面,就说明网站相关的文件已经成功上传。接下来,可以通过浏览器测试当前的网站 了。

image-20211007213116655.png

四、测试上传的网站

1. 如果没有关闭 点击“Upload your site” 下方的"Select"按钮的那个窗口,就可以直接点击刚才操作的那个窗口,那个网页就会实时显示当前你正在运行的网站。

2. 如果说关闭了那个窗口,那也不必担心。只不过就会有点麻烦。(因为000webhost是会经过服务器详细处理发送的请求,每次进入000webhost都会经过服务器多次检测,只有正常的用户才会跳转到真正的000webhost首页。因此,这也会给用户带来比较长的等待时间。对于000webhost网站来说,自己的网站不向用户强制收费,当然不会在意那点舆论了。)再次访问000webhost后,就可能需要重新登录,再次验证用户的身份了。www.000webhost.com/members/web…

3. 黑色方框圈起的内容,就是你正在运行的网站了。总的来说,你网站的域名就是“网站名称+.000webhostappp.com ” 。点击可以直接到达你上传的网站,记得保存这个域名。因为,000webhost只允许你建立一个免费网站,而这个域名,就是000webhost免费关送给用户的福利。所以,上面的名称,请谨慎填写。不管你以后再怎么上传项目,你今后也只有这个域名可以使用了。除非,升级为付费用户。

image-20211007202719183.png

image-20211007203509518.png

运行成功,当前000webhost会持续托管你的这个网站。这对于前端学习人员,是个非常不错的网站。

4.以下是000webhost相关的网址(以下是指向性的网址,而实际上服务器会控制页面的跳转。)

(1). 官网首页 www.000webhost.com/

(2). 文件管理 files.000webhost.com/

(3). 运行状态管理 www.000webhost.com/members/web…

(4). 虚拟主机管理 www.000webhost.com/members/web…

因为当前vue项目是前端项目,使用的都是后端提供的接口,所以不会涉及数据库的处理。因此,虚拟主机管理怎么使用,请自行网上查阅资料学习。

直接访问文件管理,可能不会直接到达。一般有两种方式,

第一种方法

在虚拟主机管理的Tools >>> File Manager >>> "Upload Files" 进入文件管理

image-20211007211830426.png

第二种方法

运行状态管理页面,点击“Manage Website”进入 虚拟主机管理页面,然后操作同上。

image-20211007212206472.png

文章中难免有描述错误的地方,小编可能没有发现。如有错误,有请指正。