明天来教大家部署一个属于本人的第一个动态网站,因为这里借助小程序云开发的动态服务器资源,所以能够轻松的实现本人网站的部署,部署完当前能够在电脑浏览器,手机浏览器,微信公众号外面展现。
老规矩,先看效果图
简略起见,我这里写一个最简略的 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 进行重定向,也就是拜访咱们域名的时候咱们要重定向到云开发给咱们调配的域名。
这里了解起来有点艰涩,官网给的文档也是没有讲明确,我也是试了很多遍才晓得是这样配置的。这里都配置好当前,咱们就能够间接通过本人的域名拜访网站了。
大家也能够去拜访下石头哥的云开发动态网站试一试。
到这里咱们的网站部署就讲完了,前面我会用 vue 写一些炫酷的网站,而后部署到线上供大家参观。
产品介绍
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为开发者提供高可用、主动弹性扩缩的后端云服务,蕴含计算、存储、托管等 serverless 化能力,可用于云端一体化开发多种端利用(小程序,公众号,Web 利用,Flutter 客户端等),帮忙开发者对立构建和治理后端服务和云资源,防止了利用开发过程中繁琐的服务器搭建及运维,开发者能够专一于业务逻辑的实现,开发门槛更低,效率更高。
开明云开发:https://console.cloud.tencent.com/tcb?tdl_anchor=techsite
产品文档:https://cloud.tencent.com/product/tcb?from=12763
技术文档:https://cloudbase.net?from=10004
技术交换加 Q 群:601134960
最新资讯关注微信公众号【腾讯云云开发】