1分钟部署一个属于自己的网站,借助云开发静态网站部署属于自己的网站

简介: 1分钟部署一个属于自己的网站,借助云开发静态网站部署属于自己的网站

老规矩,先看效果图


简单起见,我这里写一个最简单的html静态网页

然后把这个网页部署到云开发静态网站上

微信上访问效果如下

手机浏览器上访问如下

这也就意味着,我们的网站可以供用户在任何地方访问。下面就来教大家如何快速的部署一个属于自己的网站。


一,开通云开发


这里开通云开发我们借助小程序开发者工具来实现快速开通。


1-1,注册小程序


这里我就不再多说了,只有注册过小程序的appid才可以开通云开发

我们注册好小程序后,就可以拿到appid了,如上图


1-2,创建一个小程序项目


小程序项目的创建,我这里不再多说,我前面小程序基础课里有讲过很多遍。《小程序基础学习》

这里强调一点,就是创建小程序项目时一定要用我们自己的appid不要用测试号。

在这里插入图片描述

如果你一开始是用测试appid创建的,也可以通过上图的方式更换成自己的小程序的appid。


1-3,开通云开发


这里云开发的开通,我就不做过多讲解了,我云开发课程里也讲过很多遍。大家可以去翻看下

只需要点击开发者工具里的云开发按钮,跟着提示一步步操作就可以快速开通云开发。


二,开通静态网站功能


我们上面云开发开通好以后,就可以在这里快速开通静态网站了。

点击以后,直接点击开通即可

这时候开通有个条件

我们必须按照要求改变自己小程序的付费方式,把我们的付费方式改成按量付费即可。

这个时候我们的静态网站功能就开通成功了。

开通成功以后如下图。

这个时候我们就可以把我们开发好的静态网页上传到网站供别人访问了。


三,部署网站


我们的静态html如下

点击上传文件,把我们的index.html文件上传到静态网站

这样就代表上传成功了。


访问我们的网站


上面把网页部署成功以后,我们就可以通过云开发为我们创建的默认网址来访问了。

点击上图所示的详情,就可以拿到访问我们网站的网址如下

上图箭头所示的网址,就是我们网页的访问网址。

如果你的html是以index命名的,我们使用云开发为我们分配的域名,就可以直接访问我们的网站。

study-gas4x-1258760189.tcloudbaseapp.com 就是云开发为我分配的网站域名,以后用户就可以直接通过这个域名访问我们的网站了。

其实到这里我们就可以成功的部署属于我们自己的网站了,无非就是你网页写的比石头哥再好看些。


但是有些同学觉得官方给分配的域名太长,不好记,想使用自己的域名。那么我们该如何配置自己的域名呢?


四,配置域名(选看)


其实前面3步就可以成功的部署自己的网站了,如果你有自己的域名,并且也成功的备案了,再来跟着石头哥学习这一节。如果没有自己的域名,那么你就要先去注册自己的域名,并备案了。所以这一节作为一个选学。


4-1,在网站配置里添加自己的域名


如我在这里点击添加域名,然后添加自己的备案域名。

但是我们这里要想https来安全访问,就必须配置自己的ssl证书。

点完以后,我们这里可以直接申请免费证书。免费证书有效期1年,1年后我们再重新申请新的证书就可以了,所以这里免费的就够用了。

如实的填写自己的备案域名和其余信息。

提交完资料,我们这里需要验证下自己的域名,验证方式选择DNS就可以

点位DNS验证,我们就需要给我们的域名配置访问的解析值了(这里的知识点比较深奥,大家需要自己课下恶补下域名解析的相关知识点)如果不想学习,直接根据提示配置也行。

配置好以后,就可以点击验证先进行验证了

验证通过后,可以看到如下

云开发控制台也会显示部署中,我们耐心等待部署就可以了。

启动成功会有如下标识

虽然已经启动成功,我们如果想通过自己的域名访问自己的云开发静态网站,还需要配置下CNAME进行重定向,也就是访问我们域名的时候我们要重定向到云开发给我们分配的域名。

这里理解起来有点晦涩,官方给的文档也是没有讲明白,我也是试了很多遍才知道是这样配置的。这里都配置好以后,我们就可以直接通过自己的域名访问网站了。

大家也可以去访问下石头哥的云开发静态网站试一试。


相关文章
|
弹性计算 负载均衡 应用服务中间件
ECS云服务器部署静态网页
linux7安装tomcat部署静态网页,以及安全组介绍
|
监控 网络协议 安全
部署一个网站
【10月更文挑战第9天】
693 2
|
域名解析 弹性计算 安全
在阿里云服务器上部署网站教程
在阿里云服务器上部署网站教程,使用阿里云服务器快速搭建网站教程,先为云服务器安装宝塔面板,然后在宝塔面板上新建站点,阿里云服务器网以搭建WordPress网站博客为例,来详细说下从阿里云服务器CPU内存配置选择、Web环境、域名解析到网站上线全流程:
1794 1
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
730 0
【阿里云开发】一键部署静态博客——Hexo
|
域名解析 JavaScript 小程序
1分钟部署vue静态网站,借助云开发静态网站部署属于自己的网站
1分钟部署vue静态网站,借助云开发静态网站部署属于自己的网站
1487 0
|
存储 网络安全 PHP
在阿里云服务器上如何搭建网站,网址怎么建站图文教程详解案例及步骤.
做好一个网站不仅需要我们对站点装修及内容发布,也需要我们学会对网站运营,如进行站长推送,将我们内容快速推送到各大搜索平台,有效的让用户能搜索到我们内容,或者需要在谷歌推广就必须对网站添加SSL证书,这样搜索域名的时候搜索框不会出现<不安全>字符在域名前面,以及运行网站要懂运维,出现BUG时要去及时解决查找原因.自始至终自身要不断学习网络相关知识,遇到问题方能迎刃而解. 本文结束,如还有不懂的同学可联系作者,倾力而为,祝您成功!
2367 75
|
关系型数据库 Java MySQL
从0开始部署阿里云服务器(萌新必看)
搭建阿里云服务器涉及购买、控制台介绍及配置。购买时可选择免费试用或直接购买,根据需求选择计费方式和地区。在服务器控制台,可找到实例并进行远程连接。配置包括Java环境,卸载OpenJDK,下载安装Java,配置环境变量。接着配置Tomcat,下载对应版本,解压并启动,确保防火墙允许8080端口。最后配置MySQL,安装,设置密码,更新远程访问权限。整个过程旨在提供一个基础的云服务器配置指南。
3543 1
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
3879 7
|
开发工具 Android开发 Windows
Android Studio安装Unable to access Android SDK add-on list处理方法
Android Studio安装Unable to access Android SDK add-on list处理方法
4561 1
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
31133 73