用AI开发了一个浏览器插件+微信小程序+网站

114 阅读3分钟

初衷

首先说一下我开发这个应用的初衷。

可以说,我最初开发这个应用完全是为了解决我自己的痛点。

我遇到的问题:

平常浏览网站的时候,会遇到需要顺手保存的信息。

比如:

遇到不认识的单词。我希望随手翻译,并且记录到单词本中。

需要记录的一段文字,顺手保存到笔记中。

有的时候遇到不允许复制的文字,那我就直接截图保存。

为了做到这些,我决定开发一个浏览器插件。

能存储之后,我又想随时能查看,所以开发了微信小程序。

之后我又觉得需要一个页面对这些笔记进行维护,于是又做了网站。

后来,我又发现似乎结合anki卡片来做一下复习也不错,于是又模仿anki的算法增加了复习的功能。

功能展示

浏览器插件

方法一:浏览器插件中心安装

您可以在浏览器插件中心搜索“喵记”,进行安装。(目前只上线了edge浏览器)

image.png

方法二:直接下载安装

直接下载插件进行解压安装

立即下载插件

功能截图

image.png

微信小程序

网站

www.miaoji360.top/

开发过程

前前后后,拖拖拉拉一共搞了半年。一个是我的想法变了几次,加了不少功能,二是我比较懒,只有周末会抽几个小时开发一下。合计开发时间200个小时左右吧。

整个开发过程中最难受的是监管对微信小程序的各种限制。备案,资质问题就不说了。开发了笔记分享功能,微信审核会不过。只要是生成内容然后分享这种功能都需要提供资质,普通个人开发者是搞不定的。只能阉割掉相关功能。

为了上线,我还注册了一个个体工商户,微信又收了我300的认证费。关于上线这部分再写一篇单独讲讲。

带着镣铐跳舞吧。

再说说使用AI的感受

根据之前使用AI开发的感受,AI对于编译型语言的支持还是差点,比如我用trae写java代码很难直接编译通过。用ai来开发前端和解释型语言就得心应手,所以后端选择使用python。(多说一句,现在在公司里也主推python,全员从java转python了。)

前端使用vue。

微信小程序没有使用框架,让AI写纯微信小程序代码。

浏览器插件之前完全不懂,让AI直接写的,没有框架。

AI在代码开发中的介入程度:

  1. 浏览器插件。~100%

  2. 网站开发。~90%

  3. 后端开发。~80%

  4. 小程序开发。~80%

总的感受是,AI辅助编程扩展了开发人员的能力边界。我以前主要使用java,略懂点go和python。前端只会用vue。

有了AI的助力,一个人进行全栈开发的入门门槛被极大的降低。

有编程基础,能看懂AI写的代码。能对代码进行微调。基本就可以完成自己想要实现的功能。

如果没有AI的帮助,我应该不能完成浏览器插件的开发。尤其是截图功能。

AI对程序员的冲击的问题,我总体态度是乐观的。

AI是一个工具。学习使用工具,而不是拒绝工具。打开思路,程序员可以近水楼台先得月。使用AI赋能自己,扩展自己的能力边界,不要局限于工作中的代码。社会上生活中还有很多需求等待去满足。

最后欢迎大家试用下我的程序。

发现bug请留言,立刻马上解决。