使用 Trae 辅助开发具有 HTTP 通信功能的微信小程序

笔者之前的文章提到,我作为一个后端开发者,在 Trae 的帮助下,在几分钟之内,就生成了一个能够随机出三位数之内加减法的微信小程序,给我一年级的儿子用是绰绰有余了。

作为一个后端开发,我对前端那些语法稀奇古怪的界面源代码是有些畏惧的,Trae 让我不用和前端代码死磕。

不过这个三位数加减法微信小程序只能算个单机版,现在谁家的小程序不能访问网络呢?

再次请 Trae 帮忙。发出指令:
在 calc.js 里面添加一个函数,向 https://www.baidu.com 发起 HTTP GET 请求,把 response 用 console.log 打印出来。

这里我使用了 Trae 的文件上下文功能,其实就是点击这个 # 号:

然后选择 File 类型的 context,紧接着就能看到一个文件列表了。
所谓 Context,指的是整个当前文件的所有内容。与局部代码不同,文件上下文包含了整个代码文件里所有定义、注释、模块引入及其他辅助信息。这种全局视图能够帮助 AI 助手理解文件内整体结构与逻辑关系,如同阅读一篇完整的文章一样,从中提取整体设计思路和编码规范。
这种上下文信息主要用于以下场景:

(1) 当问题涉及到变量或函数定义需要在整个文件中查找时,加载完整文件内容能够保证 AI 助手获取到全部相关信息。
(2) 在代码整洁、模块划分和依赖关系复杂的文件中,文件上下文能够为重构和代码优化提供整体视角。
(3) 对于文件级别的修改和提示,例如增加全局配置、调整文件内多处调用关系时,完整的上下文信息更有助于 AI 辅助工具进行合理提示。
由于文件上下文数据量较大,处理时可能需要消耗更多资源和时间,但其提供的全面信息无疑能在处理复杂问题时发挥巨大作用。

我从中选择 calc.js, 这样 Trae 就能精确的在我选择的这个文件里,插入 HTTP 通信逻辑,而不会胡乱修改其他代码了。

Trae 很快完成了编码:

Trae 生成的代码,质量一如既往的高,没有任何语法错误,可以直接运行,不过遇到了错误消息:

request: fail url not in domain list

幸好微信小程序 API 还算良心,在错误消息的 response 里给了一个超链接,指向了一个官方文档,讲清楚了这个错误,是因为在 小程序后台-开发-开发设置-服务器域名里缺少配置:

当我把 https://www.baidu.com 配置到白名单之后:

请求终于成功了,完成了微信小程序向百度首页发起请求,并打印请求结果的场景实现。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值