美文网首页
简单H5的部署过程

简单H5的部署过程

作者: 天草二十六_简村人 | 来源:发表于2022-12-20 17:36 被阅读0次

整体流程

自有域名(xxx-res.zzztech.com)
--》CDN域名(xxx-res.zzz.com.w.kunluncan.com)
--》 OSS域名(xxx-res.oss-cn-hangzhou.aliyuncs.com)

image.png

一、CDN加速

添加域名:xxx-res.zzztech.com


image.png

对应源站信息:xxx-res.oss-cn-hangzhou.aliyuncs.com(oss地址)

image.png

二、OSS

将文件(html+js+css)上传至OSS


image.png

index.html的详情地址为:https://xxx-res.oss-cn-hangzhou.aliyuncs.com/n/H5/zzz/prod/index.html

image.png

三、访问地址

四、怎么把html/js/css等文件发布到oss

我这里采用的办法是: 在jenkins打包编译,编写了一个自定义插件,通过插件来上传。

插件要做的事情:

  • 拉取git工程代码
  • npm编译
  • 插件连接至aliyun oss,上传编译后的文件夹及文件
  • 发送im消息,部署成功

相关文章

  • 简单H5的部署过程

    整体流程 自有域名(xxx-res.zzztech.com)--》CDN域名(xxx-res.zzz.com.w....

  • es + kibana + filebeat + logstas

    简单记录下es + kibana + filebeat + logstash + kafka 部署过程 (安装版本...

  • 在阿里云部署 Flask 应用

    原文首发于CSDN,略有增删 在阿里云部署 Flask 应用 本文简单记录在阿里云部署 Flask 应用的过程。由...

  • Ambassador 部署过程和简单使用

    简介 Ambassador是一个开源的基于Envoy构建的 Kubernetes + 7 层负载均衡器的网关,也叫...

  • CentOS7.X下JDK1.8部署方案

    背景说明 工作过程中需要在服务器上部署JDK,这里简单记录下部署过程和注意事项 解决方案 依赖组件 vim编辑器 ...

  • Taro打包h5,资源路径不正确

    打开config/index文件夹,改变h5的配置,如下:在执行npm run build:h5,部署到服务器就好...

  • 2018-08-14

    1.在linux环境下部署h5会出现打开附件出现错误 这时候改成在windows环境下部署。

  • 《持续交付》导读问题列表一

    1. 部署流水线的定义 指一个应用程序从构建、部署、测试到发布整个过程的自动化实现。 2. 一个简单的部署流水线包...

  • Github Pages 快速部署前端静态资源

    摘要:本文就简单介绍一下使用github pages部署前端静态资源,过程十分简单,简单到不用我来介绍,看着官网就...

  • 持续交付第一章

    软件交付的问题 1.1简单的部署流水线(自动化部署过程) 1.提交阶段、编译、单元测试、分析、构建安装包。2.自动...

网友评论

      本文标题:简单H5的部署过程

      本文链接:https://www.haomeiwen.com/subject/iiiuqdtx.html