- 前端代码示例
- push 代码到华为云
Note: 开发环境跨域
编译构建
可实时查看构建全量日志
- 构建步骤
Note: 深坑:默认仅将inidex.html
传至发布包,竟然忽略了static
目录!
这是实际构建应该生成的目录:
- 官方文档
So,也可以理解,服务器从安全的角度考虑,不支持自动创建文件夹。以下是解决方法:传到发布仓库时,先进行压缩,部署到服务器上再进行解压缩。
- 添加
执行Shell命令
的构建步骤
Note: 先添加压缩脚本,然后注意上传到软件发布库
的构建包路径也做了修改。
发布包
这里的发布包可以在部署时进行选择
部署
可实时查看部署全量日志
- 主机组,公网 IP
部署时,因为我们的项目要部署到一个公网可访问的服务器上,需要一个具有公网 IP 的主机组。点击上图中的创建主机组
,完成主机组的创建后,需要往里添加主机,这时需要一个具有公网 IP 的主机,可以是华为的云主机,也可以是阿里云、腾讯云的主机,只要有公网 IP 即可。这里以华为云的主机为例:
将上述公网 IP 之一与一个主机实例绑定即可。
- 部署步骤配置
由于华为软开云没有对Vue项目的官方部署模板,下述步骤为自定义部署步骤:
Note:
-
其中
选择部署来源
这一步,有两种选择:软件包
,构建任务
。前者可选定某一次的发布包,后者可配置总是以最新的(Latest)发布包进行部署; -
执行Shell命令
的第一步是先将我们之前发布包进行解压,得到Vue生产环境下所有的静态资源; -
执行Shell命令
的第二步是安装依赖:首先配置全局npm包安装路径,接着全局安装nrm
(注意软连接,这是Linux下全局安装npm包的一个坑),全局安装pm2
;然后进入项目目录
,安装依赖,最后由pm2守护启动。
PS:
nrm
全局安装后,可切换npm包的镜像源地址;
pm2
全局安装后,可切换npm包的镜像源地址;
进入项目目录
指的是一个node.js后端服务项目,实现了静态资源服务器,以及Vue打包项目在生产环境下的跨域,将在下一篇文章中作详细介绍。
部署结果
流水线
流水线功能可以由我们自定义一套自动执行流程,将前面的:构建、代码检查、部署添加到流水线,可实现一键部署。尤其是在移动端 APP DevCloud
中,实现远程一键部署功能。
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!