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

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

ztj100 2024-11-17 18:14 48 浏览 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前端开发##程序员##前端#

相关推荐

Jquery 详细用法

1、jQuery介绍(1)jQuery是什么?是一个js框架,其主要思想是利用jQuery提供的选择器查找要操作的节点,然后将找到的节点封装成一个jQuery对象。封装成jQuery对象的目的有...

前端开发79条知识点汇总

1.css禁用鼠标事件2.get/post的理解和他们之间的区别http超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP的工作方式是客户机与服务器之间的请求-应答协议。...

js基础面试题92-130道题目

92.说说你对作用域链的理解参考答案:作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的。...

Web前端必备基础知识点,百万网友:牛逼

1、Web中的常见攻击方式1.SQL注入------常见的安全性问题。解决方案:前端页面需要校验用户的输入数据(限制用户输入的类型、范围、格式、长度),不能只靠后端去校验用户数据。一来可以提高后端处理...

事件——《JS高级程序设计》

一、事件流1.事件流描述的是从页面中接收事件的顺序2.事件冒泡(eventbubble):事件从开始时由最具体的元素(就是嵌套最深的那个节点)开始,逐级向上传播到较为不具体的节点(就是Docu...

前端开发中79条不可忽视的知识点汇总

过往一些不足的地方,通过博客,好好总结一下。1.css禁用鼠标事件...

Chrome 开发工具之Network

经常会听到比如"为什么我的js代码没执行啊?","我明明发送了请求,为什么反应?","我这个网站怎么加载的这么慢?"这类的问题,那么问题既然存在,就需要去解决它,需要解决它,首先我们得找对导致问题的原...

轻量级 React.js 虚拟美化滚动条组件RScroll

前几天有给大家分享一个Vue自定义滚动条组件VScroll。今天再分享一个最新开发的ReactPC端模拟滚动条组件RScroll。...

一文解读JavaScript事件对象和表单对象

前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScrip...

Python函数参数黑科技:*args与**kwargs深度解析

90%的Python程序员不知道,可变参数设计竟能决定函数的灵活性和扩展性!掌握这些技巧,让你的函数适应任何场景!一、函数参数设计的三大进阶技巧...

深入理解Python3密码学:详解PyCrypto库加密、解密与数字签名

在现代计算领域,信息安全逐渐成为焦点话题。密码学,作为信息保护的关键技术之一,允许我们加密(保密)和解密(解密)数据。...

阿里Nacos惊爆安全漏洞,火速升级!(附修复建议)

前言好,我是threedr3am,我发现nacos最新版本1.4.1对于User-Agent绕过安全漏洞的serverIdentitykey-value修复机制,依然存在绕过问题,在nacos开启了...

Python模块:zoneinfo时区支持详解

一、知识导图二、知识讲解(一)zoneinfo模块概述...

Golang开发的一些注意事项(一)

1.channel关闭后读的问题当channel关闭之后再去读取它,虽然不会引发panic,但会直接得到零值,而且ok的值为false。packagemainimport"...

Python鼠标与键盘自动化指南:从入门到进阶——键盘篇

`pynput`是一个用于控制和监控鼠标和键盘的Python库...

取消回复欢迎 发表评论: