百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

教你如何使用travis ci平台自动发布前端npm包,快捷又方便

ztj100 2024-11-17 18:14 18 浏览 0 评论

这篇文章我们接着聊如何使用travis ci自动发布npm包。

配置.travis.yml

每当travis ci完成一次成功的构建,都可以自动向npmjs.com源发布npm模块。默认情况下,travis会向npmjs.com发布,用户也可以通过package.json文件的publishConfig.registry设置其他的源。

一个简单的配置如下,

如图2所示,我们需要配置email和api_key。首先在你本地使用npm addUser命令添加npm账户,如果没有npm账户请先注册一下。

然后打开用户目录下的.npmrc,就会发现每个源都对应一个_authToken,api_key就是它的值。但是如果你把这个秘钥的明文发布到网上肯定是不完全的,所以需要加密一下,想加密就需要安装Ruby的包travis。

安装travis

如果你是第一次使用gem工具的话,运气不好肯定会踩很多坑!

安装命令如下,

gem install travis

不出意外的话,这个命令会运行失败,因为gem自带的源https://rubygems.org不能用,可以用下面的命令查看当前的源确认一下。

gem source -l

现在我们把它删掉,用如下命令,

gem sources --remove https://rubygems.org/

然后再添加一个新的源,

gem sources -a http://gems.ruby-china.com/

运行完这些命令,不出意外源的话切换工作就完成了。

我们再去运行travis的安装命令,但是还是给我报错,表示没有操作/usr/bin目录的权限。大家如果遇到这个问题,换成如下命令,

gem install travis -n /usr/local/bin/

换一个安装目录,这个时候travis就安装成功了。

登录

travis安装完成过后,需要先登录,命令如下,

travis login

运行这个命令会让你输入github的账号,如果这个命令登录不好使,可以使用github token登录,命令如下,

travis login --github-token xxxxxxxxxxxxxx

上面的xxxx需要在你的Github账号中生成,操作路径 Settings->Developer settings->Personal access tokens ->generate new tokens。

如果运行以上命令提示你的github账号没有给travis.org授权,而你之前明明已经登录了travis平台,并且已经授权,那为啥还会出现这样的错误呢?

原来Travis CI的网站有两个,travis-ci.org专门针对开源项目,GitHub上所有的公开仓库都能够免费使用;travis-ci.com针对私有及商业项目,新用户前100次构建是免费的,后面就要收费了。很有可能你之前登录的是travis-ci.com,所以这时候你要登录一下travis-ci.org。登录完了,再去运行上面的命令应该就不会有问题了。

加密

登录完成过后就可以在项目中加密authToken了,命令有两种,如下,

travis setup npm

或者

travis encrypt YOUR_AUTH_TOKEN --add deploy.api_key

运行完成之后,.travis.yml文件的配置就会发生改变,如下,

secure就是加密后的token,你再把.travis.yml提交,此后travis就能帮你自动发布npm包了。

图3中tags表示只有带tag的提交才会被发布到npm,除了tag,还可以声明特定的分支被发布,如下,

deploy:
  ...
  on:
    branch: production

总结

如果你看到这里,我想你应该已经学会如何使用travis自动发布npm包了。心动不如行动,不如私下整个仓库试试,另外记得在发布新包之前修改一下版本。

喜欢我的文章就关注我吧,有问题可以发表评论,我们一起学习,共同成长!

#JavaScript WEB前端开发##程序员##前端#

相关推荐

从IDEA开始,迈进GO语言之门(idea got)

前言笔者在学习GO语言编程的时候,GO语言在国内还没有像JAVA/Php/Python那样普及,绕了不少的弯路,要开始入门学习一门编程语言,最好就先从选择一个好的编程语言的开发环境开始,有了这个开发环...

基于SpringBoot+MyBatis的私人影院java网上购票jsp源代码Mysql

本项目为前几天收费帮学妹做的一个项目,JavaEEJSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。一、项目介绍基于SpringBoot...

基于springboot的个人服装管理系统java网上商城jsp源代码mysql

本项目为前几天收费帮学妹做的一个项目,JavaEEJSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。一、项目介绍基于springboot...

基于springboot的美食网站Java食品销售jsp源代码Mysql

本项目为前几天收费帮学妹做的一个项目,JavaEEJSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。一、项目介绍基于springboot...

贸易管理进销存springboot云管货管账分析java jsp源代码mysql

本项目为前几天收费帮学妹做的一个项目,JavaEEJSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。一、项目描述贸易管理进销存spring...

SpringBoot+VUE员工信息管理系统Java人员管理jsp源代码Mysql

本项目为前几天收费帮学妹做的一个项目,JavaEEJSP项目,在工作环境中基本使用不到,但是很多学校把这个当作编程入门的项目来做,故分享出本项目供初学者参考。一、项目介绍SpringBoot+V...

目前见过最牛的一个SpringBoot商城项目(附源码)还有人没用过吗

帮粉丝找了一个基于SpringBoot的天猫商城项目,快速部署运行,所用技术:MySQL,Druid,Log4j2,Maven,Echarts,Bootstrap...免费给大家分享出来前台演示...

SpringBoot+Mysql实现的手机商城附带源码演示导入视频

今天为大家带来的是基于SpringBoot+JPA+Thymeleaf框架的手机商城管理系统,商城系统分为前台和后台、前台用的是Bootstrap框架后台用的是SpringBoot+JPA都是现在主...

全网首发!马士兵内部共享—1658页《Java面试突击核心讲》

又是一年一度的“金九银十”秋招大热门,为助力广大程序员朋友“面试造火箭”,小编今天给大家分享的便是这份马士兵内部的面试神技——1658页《Java面试突击核心讲》!...

SpringBoot数据库操作的应用(springboot与数据库交互)

1.JDBC+HikariDataSource...

SpringBoot 整合 Flink 实时同步 MySQL

1、需求在Flink发布SpringBoot打包的jar包能够实时同步MySQL表,做到原表进行新增、修改、删除的时候目标表都能对应同步。...

SpringBoot + Mybatis + Shiro + mysql + redis智能平台源码分享

后端技术栈基于SpringBoot+Mybatis+Shiro+mysql+redis构建的智慧云智能教育平台基于数据驱动视图的理念封装element-ui,即使没有vue的使...

Springboot+Mysql舞蹈课程在线预约系统源码附带视频运行教程

今天发布的是由【猿来入此】的优秀学员独立做的一个基于springboot脚手架的Springboot+Mysql舞蹈课程在线预约系统,系统项目源代码在【猿来入此】获取!https://www.yuan...

SpringBoot+Mysql在线众筹系统源码+讲解视频+开发文档(参考论文

今天发布的是由【猿来入此】的优秀学员独立做的一个基于springboot脚手架的在线众筹管理系统,主要实现了普通用户在线参与众筹基本操作流程的全部功能,系统分普通用户、超级管理员等角色,除基础脚手架外...

Docker一键部署 SpringBoot 应用的方法,贼快贼好用

这两天发现个Gradle插件,支持一键打包、推送Docker镜像。今天我们来讲讲这个插件,希望对大家有所帮助!GradleDockerPlugin简介...

取消回复欢迎 发表评论: