将uni-app项目编译为H5网站

uni-app 是一个多端适配框架,其代码可以被编译为标准的H5网站、打包为App安装到手机、或者编译为各类小程序应用。

将uni-app项目编译为H5网站并发布的步骤

1.创建uni-app项目并编写需要的功能代码。
点击菜单栏"文件–>新建–>项目–>uni-app–>命名–>选择位置–>创建"
将uni-app项目编译为H5网站_第1张图片

2.编辑项目配置文件“manifest.json–>h5配置”,根据需要修改
将uni-app项目编译为H5网站_第2张图片

3.点击菜单栏“发行–>网站-h5手机版”开始编译整个项目,得到纯静态HTML/CSS/JS代码,保存在项目录“/unpackage/dist/build/h5”目录下
将uni-app项目编译为H5网站_第3张图片

4.将编译得到的所有文件发布到Web服务器的根目录下(不能双击在本地打开),可以是本地的Web服务器也可以是新浪云服务器。

如:上传到XAMPP服务器

1.把项目录下的找到h5目录下的两个文件复制到“xampp–>htdocs”下
将uni-app项目编译为H5网站_第4张图片
将uni-app项目编译为H5网站_第5张图片
2.启动XAMPP,浏览器输入“127.0.0.1/index.html”回车,打开
将uni-app项目编译为H5网站_第6张图片
将uni-app项目编译为H5网站_第7张图片

你可能感兴趣的:(uni-app)