笔者之前的文章提到,我作为一个后端开发者,在 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
配置到白名单之后:
请求终于成功了,完成了微信小程序向百度首页发起请求,并打印请求结果的场景实现。