如何两天时间上线一款AI应用？

,大家好，我卡颂。,最近几个月，​​AI​​​相关新闻不断抢占大家的注意力。逞着这波热度，各路开发者都投入到​​AI​​应用的开发。,比如，15岁的开发者saviomartin7[1]开发的IconifyAI[2]可以根据文字描述生成应用​​Logo​​。网页上线5天就赚到了接近1.5k刀。,,这波机遇对前端同学有很大利好，因为各种基础服务（比如各种存储服务、AI服务、部署）都有成熟的解决方案可以直接使用，前端同学只需专注业务逻辑的实现即可。,本文让我们看看一位国外老哥是如何用一个周末时间开发一款AI应用。该应用上线仅40天，就获得了20wUV。,,首先介绍下这款应用，应用名叫restorephotos[3]，用户上传模糊的老照片后，​​AI​​会修复照片，并返回更清晰的版本。应用的完整代码已开源。,,整个应用的架构分为4部分：,,完整工作流程如下：,整个前后端的实现使用Next.js，前端主要包括两部分：,所有主要功能均使用开源库实现。其中，图片上传功能使用react-uploader[5]实现：,处理后的图片展示效果使用react-compare-slider[6]：,,后端核心逻辑包括两部分：,Redis​使用@upstash-redis[7]，这是一款基于HTTP​的Redis​客户端。在线创建Redis​数据库后，我们可以在服务端通过HTTP请求的方式调用它。,replicate是一家机器学习的云服务商，我们可以根据业务需要选择不同机器学习模型，比如：,,在Next.js服务端，我们通过HTTP的形式调用模型API：,值得注意的是，模型计算需要时间，所以在服务端，我们每秒轮询一次结果，如果模型返回处理后的图片，我们就将图片返回给前端：,可以发现，所有基础服务均有现成产品可供使用，这极大加快了前端的开发效率，降低了开发成本。,作者运行这个应用的成本是多少呢？其中：,对于想构建自己的AI应用的朋友，可以参考本文的实现与成本，行动起来吧。,[1]saviomartin7:https://twitter.com/saviomartin7,[2]IconifyAI:http://IconifyAI.com,[3]restorephotos:https://www.restorephotos.io/,[4]应用开源代码地址:https://github.com/Nutlope/restorePhotos,[5]react-uploader:https://www.npmjs.com/package/react-uploader,[6]react-compare-slider:https://www.npmjs.com/package/react-compare-slider,[7]@upstash-redis:https://docs.upstash.com/redis/overall/pricing,[8]upload.io:https://upload.io/pricing