DingMing

丁大铭的个人空间，用来分享一些前端小技巧，默默成长吧，哈哈

61
文章
27
分类
33
标签

Docker安装Jenkins

前言

在Centos7阿里云服务器上使用docker搭建Jenkins服务。

需要提前准备的条件

  • docker环境
  • JDK环境(Centos7自带JDK环境)

一、docker拉取镜像

Jenkins有官方镜像，也有私人镜像，这里我们选择拉取中文版的Jenkins镜像。

docker pull jenkinszh/jenkins-zh

二、创建Jenkins挂载目录并授权权限

如果你对Docker比较熟悉，应该知道它的实现实际上是创造了一个独立的容器环境，Jenkins在这个容器内运行，那么如果我们想要对Jenkins进行配置，就需要进入到容器里选择文件进行配置。虽然我们可以使用docker exec -it 【容器id】 bash 命令进入容器目录进行配置，但是连简单的 vi命令都不能使用。
如果我们在启动镜像的时候指定挂载目录，那么在服务器本机与容器之间就可以创建一个映射。
所以我们在服务器上先创建一个jenkins工作目录， /var/jenkins_mount，赋予相应权限，稍后我们将jenkins容器目录挂载到这个目录上，这样我们就可以很方便地对容器内的配置文件进行修改。

mkdir -p /var/jenkins_mount
chmod 777 /var/jenkins_mount

Read More

静态文件上传oss思路

oss

OSS简介

阿里云对象存储服务（Object Storage Service，简称OSS），是阿里云对外提供的海量、安全、低成本、高可靠的云存储服务。您可以通过本文档提供的简单的REST接口，在任何时间、任何地点、任何互联网设备上进行上传和下载数据。基于OSS，您可以搭建出各种多媒体分享网站、网盘、个人和企业数据备份等基于大规模数据的服务。

他可以上传静态文件到cdn上

背景

目前的项目打包后生成的静态文件都统一通过 Jenkins 统一上传到了生产服务器去了。现在想将生成文件之间上传的oss cdn上，并替换index.html发布到生产服务器

Read More

nuxt使用Ts小结

开始

这一段时间在公司主导新搭建了一个 nuxt 项目。为了紧跟时代潮流，所以想使用 vue3 的 component-api 那一套。
结果调研发现很尴尬，目前的 nuxt.js 还没有升级到 vue3，但是若要使用可以引入 component-api 的 npm 仓库，强行使用。这真是鸡肋到极，所以放弃使用 component-api。

但是为了创新整理活出来，决定使用 Ts 进行开发。
毕竟是第一次使用 nuxt.js，所以启动起来还是比较举步维艰的。脚手架一把锁很简单，但是想优化好，减少项目体积(上优化) 就会麻烦一些。

Read More

当Swagger遇上YApi，瞬间高大上了！

1.YApi简介

YApi是高效、易用、功能强大的API管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务。
YApi在Github上已累计获得了18K+Star，具有优秀的交互体验，YApi不仅提供了常用的接口管理功能，
还提供了权限管理、Mock数据、Swagger数据导入等功能，总之功能很强大！

2.背景

我们公司的后端api接口文档一直使用的是Swagger进行开发的，Swagger开发对后端同学十分友好，方便生成。但是对于前端同学mock数据，同步开发存在着很大的困扰。

研究发现在我们的YApi上可以实时的同步Swagger数据，这样对于前后端同学开发都十分的方便。接下来我来分享下操作步骤

Read More

统一报错遮罩方案

vue

一、背景

项目中必然存在报错的问题，我们需要对报错进行处理，所以需要进行统一的封装。

一下为nuxt.js项目为例： 目前支持 刷新和返回首页， 可进行新增配置

二、配置

在 mall-marketing/components/layouts/mask 目录下进行了封装

Read More

本站总访问量次 |