E68|真的不用一滴代码!我如何利用ChatGPT开发小红书插件
很多人都说,有了ChatGPT,谁都能成为程序员。但是我内心还是觉得这只是一个“自媒体的流量骗局而已”。毕竟,我作为一个没有开发背景的博主,怎能轻易跨越从需求分析到写代码到应用发布的全流程呢?
直到上周,一次偶然的尝试彻底改变了我的看法。我真的仅仅用了20分钟,就开发出了一个小红书插件。
我用AI做小红书、做占卜、做自学,我觉得在AI应用上,我探索已经挺深入,但是这一次AI编程的经历,却是我所有经历中,对我冲击最大的一次。
所以这一期视频,我想跟你分享为什么?以及最重要的:作为一个完全没有应用开发经验的小白,如何利用AI做出能解决自己问题的应用。
大家好,我是想教你用AI在人生和职场升级打怪的半撇老师。
视频全程都是实操干货,无论你有没有关注我,都一定要收藏起来,后面需要比较好找。
让我们开始吧!
缘起
事情是这样的。
我每天都会花30分钟左右的时间,在我的RSS阅读器中阅读,阅读各个社交媒体平台的博主更新,所以我会经常需要在不同平台收集一些想要订阅的博主。
每一次我想要关注某个博主的时候,比如小红书的博主,我需要进入博主的首页,利用Rsshub这个工具生成RSS的订阅链接,然后在添加到我的RSS订阅器中。
我想:当我打开博主首页的时候,可以直接在名字的右边,生成1个RSS订阅按钮,鼠标点一下,就可以直接完成订阅呢?
逻辑
在让AI开始写代码前,我自己得先理清楚现在的操作步骤是怎么样的,以小红书为例子:
-
首先,需要判断这个网页是不是小红书的博主主页,如果你留意,https://www.xiaohongshu.com/user/profile/5d2dd068000000001600f52c ,你会看到是这样有规律的结构,结尾是一串编码对应的就是小红书的博主ID
-
如果是博主主页,就把这个链接转换成RSS订阅链接,链接的结构是:https://rsshub.app/xiaohongshu/user/5d2dd068000000001600f52c/notes,其实就是ID保留,前面替换成RSShub的域名,结尾加一个/notes
-
最后就是跳转到RSS阅读器的网址添加订阅,链接结构也是有规律的,前面是添加Inoreader这一款产品的订阅链接,后面接的就是所需要订阅的网址链接。https://www.inoreader.com/search/feeds/https%3A%2F%2Fwww.xiaohongshu.com%2Fuser%2Fprofile%2F5c6391880000000012009893
实现
接下来,我把提示词输入到ChatGPT中,核心包括几个模块:
-
角色:把它定义为一个浏览器插件的开发专家
-
目标:让它帮我开发插件,撰写代码。
-
背景:就是把我的痛点和为什么做这个插件的事情说一遍。
-
步骤:这里我把上面的逻辑内容写到了这里,AI更清楚的知道整个实现步骤。
-
参考资料:因为这里是需要在个人介绍的昵称旁边插入按钮,因此肯定需要这里头部的代码信息,所以我也复制给了AI,作为参考资料。
对了,如果你也想动手完成实操,我在会员专属视频更新了一期完成的实操视频,包括了源提示词和配套文件,感兴趣可以点击视频查看。
测试
接着ChatGTP就告诉我了应该创建1个文件夹,然后放对应的代码文件到里面。所以我直接在电脑创建了一个文件夹,然后利用Sublime Text的编辑器把这一些代码都复制到里面(当然你也可以用电脑默认的记事本也可以),然后保存为ChatGTP提供的名称。
这样,就好了吗?怎么安装呢?
我问了一下GPT,如何安装这个插件呢?他告诉我,打开浏览器的插件页面,然后点击「加载解压缩的扩展」,选择刚才的文件夹就可以了。
但是第一次就滑铁卢了!我遇到了一个错误,我也看不懂这个错误具体是什么,但是我直接复制内容去问GPT,他告诉我:哦,原来是少了一个插件的图标。
所以我就去我熟悉的iconfont找了一个图片下载下来,保存为icon.png(这个是GPT要求的),保存到文件夹,然后重新安装一下。
这一下就没错误了。
见证奇迹时刻的时候到了!到底行不行呢?我很激动的打开了我的小红书页面测试了一下,哇,真的出现了按钮,我点击了这边的订阅按钮,居然真的跳转到了我的RSS订阅页面,然后我看到了我小红书的历史内容。
我承认,那一刻我真的有一点炸,虽然这是一个非常不起眼的功能,但是我觉得我做到了。
优化
程序已经可以使用了,但是我还是有一些不满意,所以我尝试开始做一些优化的工作。
比如这个按钮不够好看,我希望他的颜色跟插件的颜色保持一致,于是我直接把需求输入到GPT,
GPT给了我一个新的代码,我还是复制黏贴到对应的Content.js这个文件,我保存了一下。
进入插件页面重新加载,然后刷新一下页面,按钮真的就变成了我想要的颜色。
这个有2个小心得:
1、索要全部代码:因为我不懂代码,所以每一次我都告诉他:请提供完整的代码,这样我只需要复制完整代码到文件里面就可以了。
2、记住现有代码:我发现GPT给的新版本反而不能用了,不是在之前的基础上修改,所以我会让GPT记住之前的版本的代码,你可以定义为1.0版本,然后让他在1.0的版本基础上作修改,这样之前已经完成的功能就不会突然挂掉。
调整按钮颜色只是其中一个很小的优化维度,我还可以在B站也加入订阅按钮,还可以尝试实现:如果我已经订阅过了,按钮显示已订阅,如果没有就订阅等等,但是这一些就需要更多的时间。
总结
在我过去的视频中,我做了很多实验,从AI求职到AI做小红书、AI占卜,但是AI编程,却是所有实验中对我冲击最大的一次。
就像上一周,我看到女儿第一次从她的围栏跨了出去,很开心的鼓掌,从那以后,她就很喜欢爬出去,然后在给自己鼓掌。
我开始能够理解,为什么这一次经历对我如此重要。
过去的我,常常习惯于“寻找工具”来解决问题,而这一次,是第一次我用代码的方式“创造了一个工具”来解决问题。而对于一个创作者来说,有什么比做出一个东西来解决自己的问题,更有成就感呢?
有很多人问我怎么用好AI,而他们提问的人都是没有怎么用的人。从我女儿的身上,我似乎看到了答案:
-
你不尝试跨出那个围栏,你就永远不知道你能跨出去,你会一直觉得:我需要先看教程,学提示词,我才会用。
-
当你跨出去以后,你解决了一个又一个的问题,你获得一些成就感;而你成功的次数越多,成就感积累的愈多,你就会觉得:我天生就是做这个的,我这个是天公伯给我饭吃。
做是最好的学。学一堆东西,不懂真正的拿AI去创作,去解决你生活中每一个细小的问题,不要预设困难,顶多就是不行而已。
而每个人的领域不同,总有一天,你会成为你的领域里,最会用AI来创作的创作者,可能是:AI美食家、Ai骑行者、AI保险人…… 这才是你无可替代的生命本色。
最后,我是教你用AI在人生和职场升级打怪的半撇老师。
我们下一期再见。