Tracup两周年:关注高效,也关心你

5月对蒲公英团队的意义有些特殊。就在两年前的这个时候,我们的Tracup正式上线了!从 2016 到 2018 ,用户数量从 1 到 550330 ,我们收获了越来越多的支持和鼓励。

两周年活动从预热到上线,我们收获了太多的热情,有许多核心用户在第一时间给予了我们很多反馈,也有一些幸运用户收到了我们的心意礼和感谢卡。有你们的鼓励,我们才能走得更远。

两周年活动仍在持续,快来为Tracup选出你「最想要」的功能吧!

点击下方链接,进入活动页面

Tracup 两周年 | 关注高效,也关心你

同时,我们决定向符合条件的学生开发者团队和开源项目开发者团队提供至少半年的 Tracup 免费使用和额外的产品折扣,帮助更多学生团队和开源项目团队在提高开发效率的情况下减少额外的成本和支出,使他们能帮助到更多的开发者。具体详情可联系邮箱 bd@pgyer.com ,希望 Tracup 可以把对的产品提供给对的团队。

最后,

谢谢你使用我们的产品!

有你的支持,我们会继续在追求高效」这条路上奋不顾身的走下去!

Web 开发人员必备的错误监控平台—— FrontJS ,现已上线!

当我们在运营一个网站时,尤其是技术产品是基于网站的情况下,如何确保网站运营正常,如何先于用户获知网页崩溃、异常信息,如何从技术层面上监控并及时解决错误信息,如何通过对页面的各项收集数据来进行系统分析,从而有助于更好地规划产品命脉,那么接下来,这款工具你不要错过。

蒲公英基于网站开发及运营人员所需,其实也是在自身产品所需下,开发出一款集成性能监测与异常信息收集等功能的工具—— FrontJS。

什么是 FrontJS ?

FrontJS 是一款轻量级的网站性能及异常信息收集工具。最早是用于蒲公英旗下项目管理平台 Tracup ,也就是我们一个月前发布的 frontend-tracker (https://github.com/Pgyer/frontend-tracker ),发布后收获到一些良好反应。

FrontJS 可以被哪些人使用?

FrontJS 主要面向产品,运营,以及开发等的相关人员。

产品和运营人员可以通过页面分析功能来了解用户访问量、使用偏好、页面停留时间和用户流向等信息,从而对产品进行调整和优化;开发人员可以通过页面统计获取用户平均的页面统计信息做出 DOM 树渲染时间是否达标,DNS 解析时间是否达标,服务器响应时间是否达标等判断。当然,最主要的还是 JS 错误监控功能,我们会收集精细到 console.log 级别的任何 Javascript 异常信息并提供 stack trace 信息,同时我们还对每个 XHR 计时,帮助开发者判断某个 Endpoint 是否需要优化;对于加载的资源,我们会收集所有没有顺利加载出的资源的 URI;通过设置信任域,FrontJS 会收集页面内产生的跨域请求,这些信息可以帮助安全部门及时发现站点是否被添加了不信任的资源或者存在 XSS 的风险。

FrontJS 有哪些技术特点?

1. 图形界面配置,自动生成集成代码,即加即用;
2. JS 异常监控,包含 console 中的 log/warn/error 的收集;
3. 提供 API,可以对上报行为进行定制化的调整;
4. 具有包装后的 try – catch,可以产生自定义错误信息;
5. 资源监控,收集加载失败的资源以及跨域资源的 URI;
6. XHR 监控,收集 XHR 耗时、错误、超时、跨域等信息;
7. 自定义信任域,可以对跨域信息做出灵活调整有助于监控页面是否发生 XSS 或被植入病毒;
8. 页面性能监控,包含 DNS 时间, DOM 渲染时间等信息,可以组合计算出首屏时间以及白屏时间;
9. 事件流,可以了解异常发生时的上下文环境,帮助测试部门快速复现错误;
10. 近实时的分析结果。

与同类产品相比有哪些不同?

1. 提供了包含错误收集,页面流向,性能分析,资源及请求监控等用户体验改进所需的信息;
2. 提供 API,甚至可以在错误信息中包含自定义信息;
3. 可以产生自定义错误,或者直接定义 Error 对象;
4. 对资源进行监控;
5. 对 XHR 进行监控;
6. 帮助安全人员发现潜在的 XSS 风险以及病毒植入风险。

FrontJS 如何使用?

光说不练假把式,现在我们就来一睹 FrontJS 的真容。

点击 https://www.frontjs.com/ 即可进入网站,登录后,界面很简单,开始点击「创建项目」输入「名称」,勾选完「行为」等,点击「保存」就可创建一个新的监测项目。将生成的代码添加到需要监测的网站上,那么在 FrontJS 项目内就能接收到相应的监测结果及数据。

添加成功后,项目内监测收集内容页面如下:

首先是「概览」页面,展现了当前网站整体健康状况指示,包含网站脚本异常、资源异常、 XHR 异常及页面访问信息的时段性峰值和变化 ,可以帮助大家快速掌握问题发生的趋势,了解网站缺陷如何影响用户,指导网站改进计划。

 

接下来是「近 12 小时异常」汇总,分别从脚本、资源、XHR 方面收集展现,每一条信息都包含时间、反馈设备的详情、屏幕信息、IP 地址,并且汇总了该异常的出现总数。

每一条中都可查看详细的事件流。并且也可对这些反馈信息进行日志、警告、错误等的分类展示。

接下来还有「异常信息总体汇总」、「页面下的脚本错误」和「浏览器下的脚本错误」等,帮助大家系统化了解网站问题。

 

另外针对用户访问, FrontJS 也会收集并提供一系列有关浏览器、操作系统、IP 地址等的访问数据,大家可以了解到所有用户的访问数、停留时间,基于大数据的统计浏览器种类和操作系统等。

「页面访问」提供了可筛选的页面统计,从访问量、加载时间、停留时间等排列展示,帮助大家了解并进行维护。

「日报」和「趋势」是就整体统计的分类查看。

最后在「项目设置」中,您可对监测网站设置不监听资源和信任域等,来更好地获取分析收集到的错误信息。

总之, FrontJS 是一款技术人员必不可少的网页错误监控工具,修复问题、维护网站、改善用户体验,来 FrontJS 开启优化网页体验之旅吧。

填补了这个空白后,Tracup 真正实现了全端覆盖!

Tracup 又有大事件发生,继手机客户端、小程序后,Tracup 又迎来了桌面客户端的上线,真正实现了全端覆盖。

桌面客户端相较网页端可以独立化运行,浏览器兼顾各类打开网页,虽然不用下载安装,但对于浏览器使用频次多且杂的用户,桌面客户端更清晰更独立,也避免误操作。

Tracup 桌面客户端分为 OS X 和 Windows 版本,支持 OS X 10.9 +, Windows 7 + 系统,点击这里可了解详情并下载。

怎样下载安装呢?

进入后,左边第一个就是桌面客户端啦!根据自己的电脑配置系统点击相应的版本按钮即可,会自动跳出下载安装包,下载后按指引逐步安装即可。

下面是以 OS X 系统为例, Windows 系统按指引即可。

打开下载到桌面的 Tracup 安装包:

系统开始自行安装:

安装好后,我们就可以打开 Tracup 桌面客户端开始优质的工作体验啦。

桌面客户端与网页版的内容基本一致,点击右上角输入邮箱和密码即可登录,如果是还未使用过的新用户,点击注册完成即可。

桌面客户端都有哪些特点呢?

桌面客户端提供了一个相对独立、完整的工作平台,你可以游刃有余地在应用内进行工作团队协作、项目管理及问题追踪等。

使用系统快捷键可以进行一些程序间的便捷操作。

比如 OS X 系统的 Command + Tab 键可以快速切换程序窗口,相较网页端打开多个不同页面更来得快捷。

另外, OS X 客户端还有个特点,就是打开后,在左上角菜单栏的每一栏有相应的快捷键。注意「项目」、「问题」、「窗口」这几个下方各操作的快捷键将有助于大家快速操作。

比如使用快捷键新建项目,新建问题等。

新功能:增加文件库上传方式

除了本地上传、手机图片上传外,本次新增加文件库上传方式,可以直接将文件库中的文件进行上传,不用再二次导入。

目前「附件上传」有三处:新建问题时的上传、问题详情中的附件、问题详情动态中的附件。

本地上传、手机图片上传、文件库上传统一划归为一个「上传」按钮,点击文件库上传后,可以选择同项目中文件库中的文件进行上传。

不管是网页端还是电脑端,速度打开使用起来哟~

Tracup 更新 | 细分+清晰,问题动态中新增可添加附件

上周我们更新了问题详情页面,无刷新的侧滑显示,速度更流畅,使用起来更便捷。

可能面对这样的更改,大家在第一时间体验还未适应,没关系,我们已经汲取了大家的反馈体验,在未来的更新中,我们将持续优化,以大家使用体验为第一位,让 Tracup 更好地为大家服务。

所以本周我们首先在问题详情页增加了一个小的优化功能。

问题详情页的「备注」与「历史」合并为一个可编辑发布的「动态」后,大家可以在「动态」中跟进问题解决进程,本次我们在「动态」中新增了可添加附件,解决进程中或其他情况下,需要附件支持时,可以随时在编辑框添加,并且可配合现有的「@」成员达到交流和规划任务的目的。

「动态」中添加的附件可直接打开预览,可点击删除,但是相较问题「附件」,不能进行重命名。

两处「附件」在使用中,可区分为解决问题进程和问题整体附件,使用体验上更细分和清晰。

这么细致化的更新,希望给您的使用体验带来好的效果,如果您有任何意见或建议,都可以来告诉我们哦~

欢迎关注微信公众号「蒲公英开发者服务平台」,每周第一时间获取 Tracup 功能更新!

Tracup:来,给大家介绍一下,这是我新一波“傍身技能”

这个时代,没点真技能傍身,还真不敢出来“混”。

有真的技能还不行,你还得时不时更新、换代下,毕竟社会发展快,停滞不前容易被落下。

这不?连助力你、你们、企业团队 and every team 更好协作的 Tracup ,都坚持又升级了一波新技能。

1、问题详情页更改为无刷新侧滑显示

熟悉 Tracup 的用户应该都知道, Tracup 在页面切换上之所以相当流畅,那是因为自开发之初,就集成了最新的编程技术:Angular js 。这使得即便是作为一款在线云协作平台的 Tracup ,在切换上也如桌面应用一样快速流畅。

但是如果因为这样,就“自傲自满”,也不是 Tracup 的风格。

所以本周,基于用户使用体验,我们又上线了一个新功能:无刷新侧滑显示。

在问题列表页面,要想查看每个问题的详情,需要点击该问题进入问题详情页面,查看其他问题的话,再返回刷新,在使用体验上稍有繁琐。

本次我们将问题详情页面以无刷新侧滑的方式显示,同一界面操作展示,少去不断刷新切换的麻烦。

在问题列表界面,点击问题,即可侧滑出该问题的详情,再次点击空白位置,则侧滑收起。问题列表和问题详情页面间切换自如,非常方便。

我们将问题详情页面也进行了部分优化,对 UI 及功能布局做了相应调整,以让其展示更符合视觉体验。

大致内容与之前类似,需要注意的细节为:将之前的「备注」与「历史」合并为一个可编辑发布的历史动态展示。

另外在问题详情右上角的「更多」中,将「复制」、「移动」、「删除」等功能都划归在此,可以很方便对该问题做相应操作。

2、角色管理增加「移除问题/复制问题」

移除/复制问题,在日常工作中是一个必要的功能,但是随意的移除/复制问题,会对工作项目造成一些影响,此次我们在角色管理内增加了此功能的编辑选择。

在「设置」的「角色管理」中,可编辑角色权限里增加了「移除/复制问题」这一选项,大家可选择性勾选。

让 Tracup 这些“技能”帮助你便利工作,让你专注傍身自己的更多技能,在工作中更游刃有余吧。

欢迎关注微信公众号「蒲公英开发者服务平台」,每周第一时间获取 Tracup 功能更新!

Tracup 更新:就是要将最简洁的使用体验进行到底!

 工作时什么最宝贵,时间!对于工作协同平台来说,如何最大化的以最高效率达到最好结果的使用体验,是用户想要的。迎着双节 Tracup 又更新了两大功能,如果你假期也需要兼顾工作,将首先体验到这两个功能带来的极大便利!
 

1、切换项目时,不间断操作

这个功能更新是什么意思呢?

在使用 Tracup 切换项目时,我们之前每切换一个项目将会进入到该项目的「概览」页面,如果你需要在项目内进入导航栏其他内容时需要再多次点击。本次我们上线了这个「不间断操作」的功能,类似记忆切换,在一个项目的页面切换另一个项目时,会不间断的也保持在已切换项目的该页面。

举个🌰,当你在一个项目的「问题」页面,直接点击左上角下拉项目名称,切换到另一项目时,也会保持在该项目的「问题」页面,依次类推……

很简单的一个功能,但减少了你寻找和点击的时间,尤其当你需要就一个功能在多项目间切换时,将会极大体验到它的方便。

2、问题附件增加手机传图功能

Tracup 问题附件现在支持了手机传图,不用再先把手机上的图传到电脑,再进行附件图片上传了。

在任一个问题详情页面,附件栏右方有「手机传图」标识,鼠标移动到文字上即会出现二维码。

使用手机微信等软件的扫描工具进行扫描后,就可上传手机上的图片到网页端 Tracup 了,上传时手机上操作删除也会同步到网页端。

 

刷新页面体验新功能吧,假期远程协作,别忘了 Tracup ,祝大家节日愉快!

厉害了!Tracup 这三个霸气新功能让你瞬间效率爆表!

沉寂了两周,我们又「憋」了三个大招,话不多说,新鲜上线的功能这就奉上!

1、自定义成员功能升级:增加角色管理

之前我们上线过自定义成员权限的功能,即在我们默认的操作权限上,用户可根据需求勾选对开发人员和测试人员的各个操作权限。但是还是保持管理者、开发人员、测试人员,这三个固定的角色设置。

本次我们将这一功能进行了升级,除过自定义成员权限,现在也可以进行「角色管理」啦!你可以更改各角色的名称,还可以增加新的角色。这样在一个多成员参与的项目里,就不会因为角色设置而引起工作混乱,也能更清晰规划各角色操作权限,在项目首页有条理的展示,能更好的方便于项目成员间的协作。

需注意的点:「测试人员」角色不可删除和更名,但可以勾选设置权限。「管理员」角色为项目内最高管理者,所以不能更改,且也只有管理员可进行项目内的「角色设置」。当一个角色内没有成员时,它在项目首页成员内将不会显示,比如下图为一个设置好的项目内角色展示。

项目→设置→功能→角色管理中,点击右上角添加角色,输入你起的角色名称即可创建。每个角色中我们默认了一般的权限设置,可以根据需要自行勾选。鼠标移动到每一个角色后的「操作」栏,即可出现编辑与删除按钮,如果不想要该角色,可点击进行删除。

2、可搜索成员,快速指派

一个项目内成员人数众多,当我们想要对一个问题进行指派给成员时,下拉框太长,找起来会很麻烦。本次我们在这里增加了一个小功能,但在使用上有极大的便利。

比如一个新建的问题,右键「指派给」,搜索输入,支持模糊搜索,即可在众多成员中找到,点击即可完成指派,这个功能在想要更换指派人时也会非常方便。

3、聊天软件嵌入,实时在线沟通

这个功能是本次更新的一个大亮点!在 Tracup 上协同工作,又能实时跟进同步聊天沟通问题,效率更高。

之前我们上线了 Tracupbot ,可以连接钉钉, Slack 集成 Tracup 的通知服务。但是这次 Tracup 自嵌了在线聊天,让沟通协作来得更便捷。

点击 Tracup 右上角聊天图标,即可开启聊天功能。

右边「项目成员」列出了所有你的项目中的成员,点击任一成员,即可开启跟他在线聊天沟通。

这里有个注意点:聊天功能需要在最新的页面才能打开,所以当你开启聊天功能有问题时,请将当前页面刷新至最新状态

快打开你的 Tracup ,和伙伴们一起效率爆表吧!

Tracup 更新 | 终于不用再逐一发送邮件邀请小伙伴了!

本周功能更新来啦,搬好小板凳,且听小编一一道来~

1、邀请改版:可同时邀请多人

本周我们对邀请成员功能进行了更新,除了以前「导入项目成员」和勾选「已有成员」,现在增加了可同时邀请多人的功能。可以从「成员」版块或项目的右上角打开「邀请」功能。

「同时邀请多人」改善了以前只能勾选 Tracup 其他项目内已关联成员, 邀请其他人需要逐一输入其邮箱来完成的麻烦。现在可以通过邮箱邀请,输入需要邀请的多个成员的邮箱,即可同时发送给他们来完成邀请。或者也可以生成公开链接,分享给多人来完成。

2、UI 大幅度变化:客户端图标、包含人数显示等

本次对整体界面 UI 进行了调整,眼尖的你不知是否已发现改变,比如底色和各版块占比,比如成员版块下,各成员的排布,还有一些图标的优化……都是不影响用户使用,又能让界面更好看的更新。

需要告知的两点是:

1)、更改右上角的客户端插件图标

右上角客户端和插件图标有了稍微大的样式更改,怕大家不知道,特此公告下,点击即可进入 Tracup  客户端和插件介绍页面来使用。

2)、更改了项目内成员数及可用总数的显示

我们将这些信息现在移到了「成员」版块的最下方,这样既不影响大家知晓,也会使界面更简洁。

3、注册流程更改

本次我们对 Tracup  的注册流程也进行了部分更改,当然如果你已有蒲公英的账号可以直接登录 Tracup 。

基本填写信息还是一样,只是在流程上有所不同。

以上为本周更新内容,持续使用并关注 Tracup 的用户,别忘了多来查看新功能,多提宝贵意见哦。

我们是谁?我们是 Tracup 的工程师!

这周有个趣图在全网热传,由传神地“戏谑”甲方开始,各行各业的小伙伴们也纷纷开启了脑洞,应用于自身及周围环境并加以“吐槽”。那跟风下,来看应用在 Tracup 工程师的身上,又会有怎样的效果。

Tracup 工程师    &  客服  

话说某日,客服妹子急匆匆的来到工程师哥哥身边:“有个用户说他传图片传不了了,得马上看看,可别影响了用户工作啊!”工程师哥哥正跟一行代码纠结着,马上一激灵:“什么情况?我马上看看!”没过两分钟,回复客服妹子:已经解决,最好让用户换个浏览器,火狐或者 chrome 能保证 Tracup 运行稳定。客服妹子回应:好的!

呆萌的工程师哥哥这才放松下来,脑袋里闪现了下:妹子刚才是不是也算影响我工作了?

Tracup 工程师    &  产品经理

某个工程师正在反复测试即将上线的功能,确保上线无误。临近周内末期,心中暗自窃喜,本周终于可以提前完工,释放紧张。不料,Tracup 上蹦出来一则通知,而且是浏览器、站内、桌面通知同时“轰炸”,好么,自己开发的平台,绝不让用户因错过消息而影响工作,哭着也不能视而不见。

打开一看,产品经理收集了最新一条用户有关功能的需求,综合考量后觉得很有必要开发,于是,以迅雷不及掩耳之势「新建了问题」并指向该工程师,怎么办?含着泪,尽快了解开发需求并着手行动,将问题状态改为「处理中」。

Tracup 工程师    &  产品更新

「绝对不能!」于是,本周的更新来了!

通知栏更新本周我们对通知栏的样式进行了更新,大家点击顶部通知按钮即可打开,点击每一条通知的蓝色字,可直接进入相应的项目及问题中。

点击非通知栏的空白处,即可收起通知栏。

根据问题类型设置编辑模板
在每个项目「设置」的「问题类型」中,可对同一类型问题进行「编辑模板」设置。点击「类型名称」后的重命名,即可输入「编辑模板」的内容。
「编辑模板」的意义在于,设置后,当新建同一类型的新问题,有固定话术等情况时,将不用再逐一输入。如下图所示:

工作台问题可排序
以前工作台支持跨状态的横向移动,现在同一状态里,也可通过拖动来进行排序。另外,也会记忆你最后的更改顺序,在刷新网页及重新进入工作台时进行展示。

以上功能均已上线,页面不显示刷新或重新登录就可以了!

一路前行,更新不止,我们是谁?我们是 Tracup 的工程师!

萌萌哒消息机器人 Tracupbot, 搭建起了怎样有(友)“爱”的桥梁?

Hi~大家好,我是 Tracupbot ,名字够不够洋气?其实我是一个消息机器人。

我的“母体”不必多说啦,就是集追踪 Bug 、管理项目、团队协作于一体的轻量级高效工作平台——  Tracup 。

那么我为什么会被“生”(开发)出来呢?

主要是为了大家在使用 Tracup 和第三方效率工具时,我能够作为一个有(友)“爱”的桥梁,将两者联系起来,让用户能更方便的在这些平台间协作,提高工作效率。

通过我,可以设置在第三方效率工具(如钉钉, Slack 等)内集成 Tracup 的通知服务,设置后大家在使用第三方工具的时候就可以快速了解 Tracup 上的项目动态和进度啦。

接下来教大家如何设置及使用:

用户如何在 Tracup 上找到并设置 Tracupbot 服务?

1、用户登录 Tracup;

2、点击某个项目,然后点击头部菜单中的「设置」;

3、在「设置」页面中,找到「Tracupbot」,然后点击「创建 Tracupbot」;

4、在创建 Tracupbot 页面中,填写相应信息并保存 Tracupbot 设置。

ps.每个项目可以设置多个 Tracupbot 。

针对不同的第三方效率工具,设置方法也有所不同,分别举例目前支持的钉钉和 Slack ,具体设置方法详见下方描述。

(一)、在 Tracup 上设置钉钉群机器人

1、进入设置页面,新建 Tracupbot,设置 Tracupbot 类型为钉钉群机器人;

2、打开钉钉客户端,进入希望集成钉钉群机器人的钉钉群,点击群机器人按钮,进入群机器人页面;

3、添加自定义群机器人复制提示中的 webhook URL 到 tracupbot Webhook URL 设置项中;

4、分别保存钉钉和 tracupbot 设置后,集成便可立即生效。

(二)、在 Tracup 上设置 Slack Bot User

1、进入设置页面,新建 Tracupbot,设置 Tracupbot 类型 为 Slack Bot User;

2、登录 Slack 客户端,打开链接 Add new bot 输入机器人的名字点击确认,进入详细设置页面;

3、在详细设置页面,粘贴 API Token 到 Tracupbot 相应设置项目中,并且设置希望 Tracupbot 将消息发送到的 channel 名称(不包含 # );

4、在相应的 channel 中加入刚才设置的 Bot User 即可。

注意: 确保 Bot User 在设置的 Channel 内,否则消息会无法送达。

设置成功后,用户在钉钉和 Slack 上就可以接收到来自 Tracup 上相应项目的更改通知。在钉钉和 Slack 上已经关联手机的用户,跟自己相关的通知还会被 @ 到。

好啦!这就是我—— Tracupbot ,今天只介绍了关联消息的功能设置,未来还可能集成更多功能,为了让你们工作更方便,快来设置使用起来吧。