3秒钟AI开发谷歌插件解决海外亚马逊需求,出海插件开发小白入门案例

239

今天高铁什么的奔波一天,大晚上的还是打算写一篇小小的干货教程,希望能对新手入门的小伙伴有一点思路启发。

马上0点,时间紧张直接开始。

昨天我们的跨境电商卖家客户找我们问了个问题,亚马逊礼品卡(类似于国内的天猫猫卡,京东东卡一样)以前购买了,都会发到邮箱展示一个兑换码,但是从昨天开始,购买后没有兑换码了,只有一个充值到自己亚马逊账户的按钮,于是找客户要了前后两次不同的购买亚马逊礼品卡的邮件,发现确实如此变化了,如下图所示:

 

于是我点击了那个“Apply to your Amazon Account”按钮,我看到如下界面(需要亚马逊买家账号登录才能看到如下界面)。

通过F12查看页面代码,我们可以轻易定位到当前页面是一个表单,其中有个参数就是兑换码,只是它因为type属性为hidden所以页面上看不到,我帮助卖家客户拿到了这个兑换码,但是他后续还有需求,不可能每次我们帮助他,于是这里简单的想法是做一个插件,让兑换码自动显示出来(有很多种解决办法,这里只是用插件来)。

 

于是我给AI说了这一段话,它就帮我直接开发了一个解决这个需求的插件了,不到3秒钟就搞定了,下图截图部分,AI详情回复可以查看这个链接:https://chat.openai.com/share/151f7fab-b998-4c25-98af-19531abd9303

这里只是我第一次先说的话,其实还可以跟它继续对话优化,比如它默认给出的代码是谷歌插件V2规范的代码,实际上现在是要V3,可以强调一下,当然这第一次生成的代码我们本地就能用,我这里仅做个普通展示入门,不做深入研究。

我按照AI回复的内容,新建了一个插件文件夹,并在该文件夹下,创建了那几个文件(文件名和AI给的保持一致),并将AI写的代码复制到对应文件中,然后我再去iconfront.cn这个网站简单下载了插件图标,按照要求下载宽高16*16、48*48、128*128尺寸的图标,并命名为代码中要求的icon16.png、icon48.png、icon128.png,并将这三个文件按照代码中的目录结构放置在新建的images目录下,整体完成后的目录是如下图所示的:

代码和结构完全按照AI写的照办,我们后续可以自己优化,我现在仅做快捷入门展示。到此为止我们插件就开发好了,我们先本地使用看看,本地安装插件可以搜一下我很早一篇教程,这里不做赘述,后续我们优化好了可以上架谷歌插件商店(后续有空写个教程)。
我们安装好插件后,再次打开上面查看亚马逊礼品卡的页面,就会发现如下所示,自动出现兑换码在输入框了,直接就可以复制了。

OK,一个小需求就这样通过自己动手解决了,发给客户安装下就可以临时使用解决问题了。

是非常简单的,想非常详细的写一下,可惜时间不允许,0点后就错过今天的发文机会了。

有问题不理解,可以加我微信:bilang626,不过最近一周深港澳出差办事,回复可能不及时,但必回复,跨境出海,抱团取暖!