一个浏览器插件诞生记

一个浏览器插件诞生记

·

1 min read

背景

当前的大环境,到处裁员,要找到一个合适的工作真心不容易,于是自己给自己打工这股潮流就热起来了,成为独立开发者?但是真要自己单干养活自己又谈何容易呢?

作为一名长期一线的后端开发,工作中经常要兼一些测试、运维、PM的活,自己能明显感觉到,推上活跃的独立开发者几乎全是前端出身的(仅限于我的认知),就我这后端的一点底子都不够看的。实际工作场景中,相对而言,后端离用户也比较远,很自然离如何挣到真金白银也就比较远了。

如何摆脱坐班的生活,如何完整地凭借自己的手艺挣钱?这是一个非常吸引人的话题,很多人都非常感兴趣,但又无处下手,笔者也是其中一员

启发

在AI大为的当下,有许多基于AI的工具,beamcast 就是其中之一(需要配置Gemini Pro),但是在实际使用中,我只是把它当作翻译来用。选中文本,右键,使用自定义的命令te、tc

tc: Translate to English based on the selected text

tc: Translate to Chinese based on the selected text

不得不说,还挺好用。其实刚开始接触时,觉得这个工具蛮鸡肋的,毕竟前有DeepL,后有openai-translator,虽然有AI的加持,似乎好像没啥竞争力呢。不过,在浏览网页需要临时翻译文本的场景下,选中,复制,粘贴,翻译,这个过程中需要从浏览器切换到翻译软件,但beamcast就省去了切换这一步,于是,我好像悟到什么:这就是用户体验啊

灵光

忘记是谁说的:独立开发者可以先从满足自己需求开始。但是自己有啥需求呢?

平时玩推,遇到一些有启发的推文、链接,我就点赞,权当收藏,在知道推有收藏功能以后,就用收藏了,也时也会截图。虽然知道有一些工具譬如readwise,可以完成信息的收藏,但需要在评论区@readwise,对于一些有洁癖人来说,自己的评论区一堆@readwise,会让人很厌恶,好像也是一个大V说的。直到上周,看到一篇不错的文章,想有时间再细细口味一番,于是复制文章链接,放到logseq的todo列表了。于是,就有那么一刹那,我想到一个事情:能不能做一个类似于beamcast的浏览器插件,我选中了文本,把文字及当前的链接保持到logseq的todo列表中呢?

mvp

可是,我并没有开发浏览器插件的经验,完全不明所以,只是内心有一个声音在说:试试看呗。有幸生在AI爆发的年代,借助于coze和ChatGPT的帮助,加之平时留意到logseq可以开始本地的API Server,当天,断断续续用了不到两个小时,便糊出来一个可以用的chrome浏览器插件:选中文本,右键选中插件保持到logseq,有一点小小的兴奋感,甚至于幻想凭借插件挣钱……

发布

真正写代码其实都不到1个小时,可以,要如何发布到chrome插件商店呢?

  • 注册开发者账号。这一步很顺利,在网上有看到有人说注册账号的过程中需要交5美金,我没有遇到,很奇怪。

  • 上传插件的zip包

  • 插件介绍:包括功能描述、如何使用,icon等,我将配置和使用示例截图了

  • 收费策略:当然是免费

  • 提交审核

整个过程其实挺快的,不到1天时间,就审核通过了,但我没有发布,将插件的链接发给朋友,让朋友先试用一下,没想到,在中间没有沟通的情况下,朋友按照文档安装配置成功并使用,这给了我发布的信心,虽然,这是一个非常非常小众的需求。

总结

这算是一个开始吧,我也无法形容这种感觉,很沉浸,虽然实际上这个插件的功能异常简单、非常小众,但它就是能满足我的个人需求,这是我真正意义上专为自己开发的个性化工具,现在我每天都在用,也已经迫不及待地开发好了firefox、edge版本了,都在审核的路上了。后续作为一个lite side project,持续迭代中。有一个预感,好几次从入门到放弃的前端技术栈,这次似乎看到了曙光.

PS: 对了,这个插件的名字叫:Logseq Clip,图标也是我自己设计的


参考: