uni-app项目打包成H5部署到服务器(超详细步骤)

咳咳, 第一次写博客, 有点激动, 昨天get了一个新技能, 也是我之前一直最不懂的一块, 就是项目做完后如何部署到服务器,昨天尝试了部署uni-app项目到测试服务器, 成功之后很开心, 后面又自己上网学了下怎么部署vue项目, 所以这篇会讲怎么部署uni-app项目, 下一篇讲怎么部署vue项目, 好, 上操作

一 ,打包项目

HBuilderX下载地址: https://www.dcloud.io/hbuilderx.html

1 , HBuilderX打开你的uni-app项目 -- > 点发行 - > 网站 - PC Web或手机H5 

2 , 点完之后会弹出一个框, 填写网站标题和和域名之后点发行 

3 , 点完之后控制台会显示正在编译中... , 稍等一会

4, 打包成功 , 生成了unpackage文件夹, 打包好的文件存放在里面

二 , 用一个工具, 把打包好的文件上传到你的服务器 , 我用的是Xftp , 用别的工具也可以

Xftp下载链接:https://pan.baidu.com/s/1z7-AYhinrWR3qIuZTkk0XQ 
提取码:cn6m 

 1, 打开Xftp , 点小窗口的新建

2 , 点完之后弹出这个框, 填写完信息之后点连接 , 服务器的相关信息问公司的人要

3 , 点完连接之后 , 弹出这个框 , 点接受并保存

4 , 然后会看到右侧出现了新建会话的窗口 , 表示连接到服务器了,

左侧是你自己的电脑本地 , 右侧是服务器电脑

左侧进到刚刚打包好的文件存放路径 , unpackage/dist/build/h5 , 把static文件夹和index.html 复制到右侧服务器中部署的文件夹里 , 看你们是部署到哪个文件夹就拖到哪里

5 , 部署成功  !! 打开浏览器,输入服务器ip地址,访问一首页的内容吧 ^_^

地址就是   服务器ip/部署的文件夹/ , 比如 服务器ip是123.60.120.40:3006 ,部署的文件夹名字是project , 地址就是如下

http://123.60.120.40:3006/project/

  • 16
    点赞
  • 146
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
《编写可读代码的艺术》 pdf 是一本关于如何编写易读易懂的代码的书籍。这本书主要探讨了编程规范、代码布局、注释与命名等方面的内容,旨在帮助开发者写出更具可读性的代码。 在编写可读代码方面,本书提供了一些实用的建议和技巧。首先,合理的代码布局对于代码的可读性至关重要。代码应该按照功能块进行划分,并使用适当的缩进和空格进行格式化。此外,书中还强调了代码命名的重要性,建议使用有意义的变量、函数和类名,以便于他人读懂代码的意图。 此外,本书还介绍了如何编写清晰的注释。注释应该解释代码的意图和逻辑,而不是简单地重复代码的功能。良好的注释能够帮助其他开发者快速理解代码,从而提高合作效率。同时,书中还指出了过多或过少的注释都可能导致代码的可读性下降,因此要把握好注释的适度。 编程规范也是写出可读代码的重要因素。本书介绍了一些常用的编程规范,例如代码缩进、命名规范、函数和类的定义等。遵循统一的编程规范可以使代码的格式统一,便于他人阅读和维护。 总的来说,《编写可读代码的艺术》是一本对于如何写出易读易懂的代码进行探讨的实用指南。通过遵循良好的代码布局、规范的命名、清晰的注释等技巧,开发者可以提高代码的可读性,从而更好地与他人合作,并加速项目开发进程。这本书对于任何追求编程方法优化的开发者来说,都是一本值得阅读的参考书籍。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值