uniapp发布为H5并部署运行

参考:uni-app 发布成 H5 后怎么部署到Web服务器上

1. 配置基础路径:mainfest.json->h5->填写运行的基础路径

image.png

配置为./,代表可在域名下的任意目录下部署运行

2. 发布为h5

  • 发行->网站-H5手机版


    image.png
  • 输入网站域名


    网站域名.png
  • 获取H5打包文件


    image.png
  • 将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、访问: https://static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com 即可
实际应用:可以使用 uniapp 开发小程序作为前端,连接 uniCloud 云服务空间,获取数据;使用 uni-admin 开发后台管理程序(H5),发布到云服务空间的“前端网页托管”,就可以实现不用单独申请云主机,使用uniCloud云服务空间实现前后端系统的部署,而且云服务空间提供一定的免费流量,在开发测试阶段使用是完全没有问题的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。