uniapp开发h5页面（uniapp怎么打包成h5）

本篇文章给大家谈谈uniapp开发h5页面，以及uniapp怎么打包成h5对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、将 Hello uniCloud 发布H5到“前端网页托管”
• 2、uniapp发布h5用户访问还是旧页面
• 3、uni-app发布H5流程
• 4、uni-app h5界面开发，获取本页URL信息
• 5、uni-app开发H5

将 Hello uniCloud 发布H5到“前端网页托管”

1、用 Hbuilderx 创建一个项目：选：uniapp-Hello uniCloud；

2、关联阿里云服务空间，初始化服务空间；

3、发行-上传网站到服务器

4、打开 uniCloud Web 控制台，进行跨域设置

新增域名：

api.bspapp.com

static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com

5、访问： 即可

实际应用：可以使用 uniapp 开发小程序作为前端，连接 uniCloud 云服务空间，获取数据；使用 uni-admin 开发后台管理程序（H5），发布到云服务空间的“前端网页托管”，就可以实现不用单独申请云主机，使用uniCloud云服务空间实现前后端系统的部署，而且云服务空间提供一定的免费流量，在开发测试阶段使用是完全没有问题的。

uniapp发布h5用户访问还是旧页面

uniapp优点:

①兼容性好

Uni-app最大的特点就是一套代码编译以后多端通用，开发人员不需要在每个平台都单独开发一套代码，节省了大量的成本。

②学习成本低

由于uni-app基于vue.js开发，因此对于前端开发工程师不会十分困难，学习uni-app的门槛也相应降低。

③开发速度快

由于uni-app是用HBX进行开发，所以支持vue的语法。

④拓展性强

Uni-app支持nvue，封装了H5+。同时，还支持原生的iOS和安卓开发。

⑤开发团队支持多

目前uni-app的开发团队DCloud发布新版本的频率比较频繁。

uni-app发布H5流程

首先在manifest.json文件中进行基础配置，获取uni-app的ID号，填写应用名称，应用描述，版本名称以及版本号。

然后在H5配置模块，填写页面标题等基础信息。

点击发行-》网站-PC Web 或手机H5-》填写网站标题，网站域名。

点击发布以后本地会生成一份打包文件，将打包文件上传至设置的网站，访问网站域名即可。

uni-app h5界面开发，获取本页URL信息

开发单独的h界面，对接到其他的模块中去，会用到这些方法，因为其他界面只有通过URL附带参数的方式传值：

uni-app开发H5

emmmm....大概有大半年吧没有更新文章了吧，疫情一直到三月份才慢慢有了好转，现在已是七月，但还是不能松懈，希望宝宝们从自我做起，自觉带好口罩哦~相信在不久的明天，疫情一定彻底被战败，最终的胜利必将属于我们！中国加油！！！

疫情期间呢也自己学习了一些新的东东，目前在一家公司写着两个比较的大的项目吧，两个项目都是vue搭建的项目，一个是用element-ui框架写的PC端项目，一个是在HBuilder-X软件中使用uni-app框架写的H5！

关于uniapp开发h5页面和uniapp怎么打包成h5的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。