这里所提到的前端网页托管主要是在阿里云和腾讯云上进行网页托管,所用到的主要是uniCloud;uniCloud 是 DCloud 联合阿里云、腾讯云,为开发者提供的基于 serverless 模式和 js 编程的云开发平台,同时兼容阿里云serverLess和腾讯云serverLess,更重要的是与uni-app搭配实现手机端全端兼容(App、H5、所有小程序),而不是仅限于某家固定的小程序。uniCloud可以让一个js工程师,完成全套业务,无需再为服务器开发雇佣php、java等工程师。大幅提升效率、降低成本。uniCloud可通过云函数URL化实现普通http通信接口,非uni-app开发的应用也可以通过这种方式连接uniCloud。

1、下载Hbuilder x极客开发工具,下载地址HBuilderX-高效极客技巧

一般情况下下载标准版就可以,详细情况可参考HBuilderX 文档

html5 链接 HTML5链接uniclound_html5 链接

 

HBuilderX插件市场拥有丰富的插件,对于提升工作效率有极大帮助。 

插件市场https://ext.dcloud.net.cn/

2、下载安装后就可以点击 文件--新建--项目,选好项目名称和保存路径后,选择基本HTML项目,并点击创建。

html5 链接 HTML5链接uniclound_腾讯云_02

创建好项目后点击运行,可以在内置浏览器也可以在外部浏览器运行。

下面是一个 简单的罗马时钟HTML项目:

html5 链接 HTML5链接uniclound_html5 链接_03

 3、将做好的HTML项目上传托管

方法一

(1)首先进入unicloud首页注册并登录账号https://unicloud.dcloud.net.cn/login

创建一个服务空间,可以选择阿里云,也可以选择腾讯云,这里我建议选择阿里云,因为腾讯云前端网页托管是需要收费的,然后开通前端网页托管服务

html5 链接 HTML5链接uniclound_前端_04

 (2)将完成的HTML项目文件夹打包上传

html5 链接 HTML5链接uniclound_阿里云_05

 (3)进入参数配置界面,在路由规则里将网站首页的名称改为完成的html文件名,其他的设置可根据自己的需要来改动

html5 链接 HTML5链接uniclound_前端_06

 (4)然后可以通过默认域名进入到你完成的项目页面

html5 链接 HTML5链接uniclound_腾讯云_07

 方法二

(1)在Hbuilder X中登录unicloud账号,在底部区域

(2)鼠标右击做好的项目文件  选择 发行--上传网站到服务器

html5 链接 HTML5链接uniclound_前端_08

 

(3)选择已开通前端网页托管服务的阿里云服务空间,点击上传

(4)通过服务空间里所给的默认域名就可以访问

作为初学前端的我,第一次写博客,勿喷,感谢各位看官!

我会不定时的将一些前端知识分享给大家!

💕💕💕