蓝湖MCP实现-AI自动读取设计稿及切图下载主要内容本文主要介绍蓝湖MCP的搭建以及如配置到AI IDE中使用,实现AI自动读取设计稿及完成切图下载,便可以实现设计稿一比一还原前端页面。
背景最近在做一款游戏SDK,其中有一个【个人中心】的功能,其中包含什么账号申诉啊,bug反馈啊等等功能,这块儿一般都是通过网页实现,鉴于现在AI编码的火热,我也试着使用AI开发实现看看,方便以后提高开发效率,看能不能花小钱办大事。
技术选型1、Trae国际版 – 我选择trae的原因,是因为它的使用门槛不高(当然,这个话题这里不讨论,我也是从朋友那里取经的,毕竟我也是第一次尝试完全由AI来完成一个项目),而且它能用支付宝直接开通套餐,方便2、蓝湖3、GPT – 截止目前,Trae IDE中能使用的GPT为5.4版本4、蓝湖MCP – 这是个开源项目,致敬作者。
Trae IDE1、Trae IDE的安装:从Trae IDE下载安装桌面版,我使用的是SOLO版本。
2、注册账号并登录这个没啥好说的,登录之后,默认是免费套餐,有一定用量限制,一般来说都是不够用的,当你的免费额度用完之后,AI会提示你,自行 ...
阿里云人机验证和短信发送背景最近的工作中需要实现用户注册、登录功能,都是通过短信进行二次验证的。使用人机验证,就是用来防止登录或者注册的短信接口被刷。调研了好几个平台,包括阿里云、易盾、腾讯云,它们的实现都是使用webview打开网页的方式进行处理。我能理解它们肯定主要是给网页前端使用的,用在手机应用内,确实可能不算很多。但是确实接入起来我觉得比较麻烦,要是有封装好的AndroidSDK或者iOSSDK,直接调用接口,自己弹出界面(不用做屏幕适配了,只管收回调),肯定是最好的。可惜~没有。
这里留存一下几个厂商的文档,万一后面要用呢。阿里云:https://www.aliyun.com/product/security/captcha易盾:https://dun.163.com/product/captcha腾讯:https://cloud.tencent.com/document/product/1110/49810
技术选型
阿里云人机验证 – 拼图验证
阿里云短信
阿里云人机验证(验证码2.0)实现流程阿里云文档查看文档,了解下什么是验证码2.0,开通服务什么的按文档来就行。W ...
tiktok小游戏接入流程背景最近一段时间,由于tiktok开始在海外上线了一些国家/地区的小游戏功能(截止2026年3月,已经上线了美国、印尼以及小鬼子三个国家),公司也开始对tiktok小游戏接入流程进行研究,主要是想要跑通整个流程,而我就负责了SDK的接入工作,这里记录下接入流程。另外由于公司只是想试水一下流程,并没有真的开发一款游戏,我找了一个自己几年前用cocos写的小游戏,直接接入tiktok的SDK来提审上线的。
需求一个小游戏,能多简单就多简单。能使用tiktok登录,能拉起广告,接入tiktok小游戏上线的必接功能(登录以及留存能力 – 桌面快捷方式、复访)。
准备工作下面这个应该是字节官方提供的一份接入流程文档,权威以及完善,非常详细,优先参考。TikTok小游戏一站式接入指南2.0
关于创建项目,获取参数,这里不介绍了,接入指南中有很详细的介绍,而且我作为技术,也是直接拿到参数而已,项目的创建这些前置流程,也是商务全权搞定的。你需要拿到Client key、Client secret、APP ID三个参数,用来登录以及其他服务端接口使用。
你需要一个ti ...
本文讨论的是微信开发相关的一些记录,算是个人留存备用,其中部分内容可能是AI给出的答案,仅供参考。
微信开发相关记录问题1微信开放平台,公众平台,公众号,小程序,小游戏等的关系
一、两个核心平台:开放平台 vs 公众平台两者都是微信提供的开发者服务平台,但服务对象和功能侧重不同:
1. 微信开放平台(open.weixin.qq.com)
定位:面向所有开发者的综合性开放平台,提供跨产品的账号体系、支付能力、分享能力等基础能力。
核心功能:
统一管理多个微信生态产品(公众号、小程序、小游戏、移动应用等)。
提供「微信登录」「微信分享」「微信支付」等跨产品的通用接口(如 code2session 接口用于获取用户标识)。
支持第三方平台接入(如为其他商户提供代开发服务)。
关键词:跨产品、账号打通、基础能力开放。
2. 微信公众平台(mp.weixin.qq.com)
定位:专门用于管理「公众号」「小程序」「小游戏」的运营和开发平台。
核心功能:
管理单个公众号/小程序/小游戏的内容发布、用户互动、数据分析等。
提供针对具体产品的开发接口(如公众号的自定义菜单、 ...
Android
未读本文只是记录,不是个人写的博客,内容为豆包AI生成,仅供参考。
在 Android 中,<intent-filter> 里的 scheme(以及配套的 host、pathPrefix 等)是意图匹配机制的核心配置,其本质是为 App 声明“能响应哪些类型的 Intent 请求”,从而实现“外部唤起 App/指定页面”的能力。下面从核心原理、scheme 分类(自定义 Scheme + App Link)、匹配规则、底层逻辑四个维度拆解:
一、核心原理:Intent 匹配与系统路由Android 的 Intent(意图)是组件间通信的核心,而 <intent-filter> 是 App 向系统“注册能力”的方式:
当外部(如浏览器、其他 App、系统)发送 ACTION_VIEW 类型的 Intent 时,系统会解析 Intent 中的 data 部分(包含 scheme、host、path 等);
系统遍历所有已安装 App 的 <intent-filter> 配置,匹配“能处理该 data 的 App”;
匹配成功后,系统会唤起对应的 ...
云服务器
未读华为云 ELB 负载均衡配置叠个甲,鉴于我个人水平有限,以下都是我个人的理解与好恶,如果错漏的地方,大家理解。我喜欢和不喜欢那也是个人喜好,不代表这个东西好与不好。
背景这篇博客也算是上一篇微信小游戏支付的后续吧,因为支付接口做好了,肯定得部署上云,既然是支付模块,那肯定得保证稳定性,负载均衡还是必须得上的。但是之所以要写一篇博客来讲这个事情,还是因为华为云的负载均衡在配置的时候踩了很多坑,甚至和华为云的技术支持整到了大半夜才配置好。
其实云商的负载均衡之前也是用过、配置过的,但是当初我是用的阿里云的,说实话我感觉华为云的 ELB 配置起来比阿里云的复杂不少,也正是因为这一点,才想着写博客记录一下,以免以后再踩一遍坑。
另外需要说一下的是,我考虑部署的架构。ELB + 2 ECS + 1 MySQL(华为云 RDS,高可用主备) + 1 Redis(单机)。两台 ECS 一台高配,承担 70%的负载,另外一台配置相对较低,承担 30%的负载。同时,高配的 ECS 上运行了 Django 写的管理后台,用于查询和做各种配置。这个方案也是我以前用过的方案,对于支付系统其实完全足够,我个人认 ...
微信小游戏支付教程背景最近在做微信小游戏支付相关的东西,包括虚拟支付-道具直购,通过客服消息拉起jsapi支付,现在把流程走通了,但是其中遇到了很多坑以及之前没有预料到的各种细节问题,所以记录下来,方便以后查阅,也给有相关需求的朋友提供参考。
这里正好也感谢一下这篇博客的作者,博客:微信小游戏sdk接入支付和登录,解决了wx小游戏内不支持ios支付的痛点我在最开始收到做这个工作的需求时,是一脸懵逼的,特别是iOS端由于需要绕过苹果的限制,只能走客服消息来引导用户点击拉起jsapi支付,整个流程在当时的我看来非常复杂。也正是看了这篇帖子之后,才恍然大悟,原来还可以这样子玩。
需求
Android端直接使用微信支付
iOS端使用客服消息拉起jsapi支付
技术选型
Android端有游戏币充值和道具直购两种
按照微信官方(其实腾讯系都是这个逻辑,也包括谷歌商店也是类似)分别对应了两种使用场景,分别是游戏内有所谓的一级货币(托管货币),我以QQ游戏大厅举例来说,一级货币就是Q币。而欢乐豆就是二级货币。相对应的在市面上其他游戏来说,分别就对应钻石和金币。一般来说,一级货币(钻石)是只能通 ...
Cloudflare 教程(三)- Wokers上一篇博客Cloudflare 教程(二)-Wokers
需求背景上一篇博客中,我已经使用 workers 实现了查询节假日的接口,但是有一些需要优化的点,其中一个很大的问题就是 D1 数据库的查询效率和额度问题。免费计划中,D1 数据库每天的免费查询额度是 500 万行,注意这里是行,不是次。而 KV 数据库是 10 万,这个是读取的键的数量,如果是批量查询,比如一次查询了 10 个键,那就是消耗 10 额度。问题就在于,我们的节假日查询,都是使用具体的日期查询的,它每次读取的键就是固定的 1 个键,消耗 1 额度。而 D1 数据库则不同,是行按查询的行数消耗额度。同时,由于我们一开始设计的时候使用了一个无效的字段(id)作为主键,在代码逻辑中它其实并没有任何用处,并且我们的 date 字段其实并不会重复,完全可以使用 date 字段作为主键,以减少查询的行数。所以现在的情况就是,每次查询都会扫全表,成百倍的放大查询额度消耗(我已经将 2023,2024,2025 年的数据存入到了 D1 中,有 100+条数据)。
这样子的话,D1 的 ...
Cloudflare教程(二)- Wokers上一篇博客Cloudflare教程(一)-Wokers
需求背景接着整我自己的ChinaHolidayAPI接口。
技术选型
Cloudflare的Wokers
ChinaHolidayAPI
D1 SQL数据库 – 这相当于MySQL
Workers KV数据库 – 这相当于redis
R2对象存储 – 这相当于OSS,我准备拿来存节假日的json文件
搭建过程创建Wokers工程创建一个GitHub的私有仓库仓库,用来存储我们的Wokers代码。当然这个过程你也可以没有,每次手动到cloudflare的网页端去更新文件也可以。不过我为了后续有可能增加其他功能,能持续的更新,还是准备了一个仓库。
参考cloudflare的Workers文档安装nodejs,安装命令行工具,在我们的仓库目录中新建一个workers项目。
注意cloudflare要求的node版本,我使用的是v22.12.0
1npm create cloudflare@latest -- wooapi
我自己是准备后续做一个api的集合的,所以起了个名字:wooap ...
Cloudflare教程(一)- Wokers需求背景一直以来,我都很热衷于在网上薅各种免费api的羊毛,看到有啥好的api就想着拿来做个啥东西,正好最近在公司也不算忙,我就想着,薅Cloudflare的羊毛这么多了,是该帮它做做宣传了(其实就是想多研究研究Cloudflare,看看还有啥能继续薅的)。😬所以,开始了一边研究Cloudflare的各种功能,一边写博客记录一下,免得以后又忘记怎么用了。
今天就从Cloudflare的Wokers开始,毕竟它足够灵活,使用js代码来处理逻辑,背后还有D1 数据库,KV数据库和R2对象存储,这仨都是免费的(当然是一定用量之内),那不得完全用起来啊,不然就亏了。
至于需求,之前在n8n做了每日AI新闻的功能,这个是依赖了ChinaHolidayAPI这个开源项目提供的api接口直接调用的,我就打算把这个接口自己来实现一遍,一来是学习使用Workers,二来也可以给其他人提供一个接口使用(这当然就是借花献佛了),当然我也不打算直接做接口的转调,而是自己存储ChinaHolidayAPI项目提供的json文件,然后用js实现解析日期,根据json ...

















