网站开发如何快速的部署一个属于自己的第一个静态网站(图) php程序员怎么开发网站
2022-03-21
今天网站建设,我将教你如何部署你的第一个静态网站。由于小程序云开发的静态服务器资源,您可以轻松部署自己的网站。显示在浏览器和微信公众号中。
老规矩,先看效果图
为简单起见,我这里写一个最简单的html静态网页
然后将这个网页部署到云开发静态网站
微信访问效果如下
在移动浏览器上访问以下内容
这也意味着用户可以在任何地方访问我们的网站。下面将教你如何快速部署自己的网站。
一、开放云开发
这里开放云开发我们使用小程序开发作者工具来实现快速开放。
1-1、注册小程序
这里就不多说了,只有注册了小程序的人才可以开启云开发
我们注册小程序后就可以得到了,如上图
1-2、创建一个小程序项目
小程序项目的创建我就不多说了,前面的小程序基础课上已经讲过很多次了。 《小程序基础学习》
这里强调,在创建小程序项目时,一定要使用自己的,不要使用测试号。
如果一开始是用测试创建的小程序开发,也可以通过上面的方法替换成自己的小程序。
1-3、开放云开发
云开发的开篇到此,我就不过多解释了,我在云开发课程中也讲过很多次。你可以去查一下
只需点击开发者工具中的云开发按钮网站开发,按照提示一步一步快速激活云开发。
二、开启静态网站功能
我们打开上面的云开发后,可以在这里快速打开一个静态网站。
点击后,点击激活
此时有开启条件
我们必须根据需要更改我们小程序的支付方式,并将我们的支付方式改为现收现付。
此时,我们的静态网站功能已经成功开启。
激活成功后如下图。
此时,我们可以将自己开发的静态网页上传到网站上网站开发,供他人访问。
三、部署网站
我们的静态html如下
点击上传文件,将我们的.html文件上传到静态网站
表示上传成功。
访问我们的网站
上述网页部署成功后,我们可以通过云开发为我们创建的默认URL访问。
点击上图中的详细信息,可以得到以下网址访问我们的网站
上图中箭头所示的URL就是我们网页的访问URL。
如果您的html被命名,我们使用云开发分配给我们的域名,您可以直接访问我们的网站。
是云开发分配给我的网站域名。以后用户可以通过这个域名直接访问我们的网站。
其实我们可以在这里成功部署自己的网站。无非就是你的网页写得比石头哥好。
但是也有同学觉得官方分配的域名太长记不住,想用自己的域名。那么我们如何配置自己的域名呢?
四、配置域名(可选)
其实前3步就可以成功部署自己的网站了。如果你有自己的域名并且已经成功注册,那么就跟着斯通哥一起来看看这个部分吧。如果您没有自己的域名,那么您必须先注册自己的域名并归档。所以这个部分是选修课。
4-1、在网站配置中添加自己的域名
比如我这里点击添加域名,然后添加我自己的记录域名。