Helo semua, saya Casson.
Dalam beberapa bulan kebelakangan ini, AI
berita berkaitan terus menarik perhatian semua orang. Menunggang pada gelombang populariti ini, pembangun dari semua lapisan masyarakat melabur dalam pembangunan aplikasi. AI
. Tapak web memperoleh hampir 1.5k dolar dalam masa 5 hari selepas berada dalam talian. Logo
AI
Seni bina seluruh aplikasi terbahagi kepada 4 bahagian:
Halaman hadapan (Next.js)
Aliran kerja lengkap adalah seperti berikut:
Pengguna memuat naik foto lama di bahagian hadapan<UploadDropzone uploader={uploader} options={options} width="670px" height="250px" onUpdate={(file) => { // ...Bagaimana untuk melancarkan aplikasi AI dalam dua hari?上传成功后的逻辑 }} />;
Bahagian belakang
Pada pelayan Next.js, kami menggunakan HTTP Panggil API model dalam borang:
// 我们上传的Bagaimana untuk melancarkan aplikasi AI dalam dua hari?地址 const imageUrl = req.body.imageUrl; // 请求模型接口 const startResponse = await fetch('https://api.replicate.com/v1/predictions', { method: 'POST', // ...省略代码 body: JSON.stringify({ // 我们需要的模型对应的版本 version: '9283608cc6b7be6b65a8e44983db012355fde4132009bf99d976b2f0896856a3', input: { img: imageUrl, version: 'v1.4', scale: 2 } }) });
值得注意的是,模型计算需要时间,所以在服务端,我们每秒轮询一次结果,如果模型返回处理后的Bagaimana untuk melancarkan aplikasi AI dalam dua hari?,我们就将Bagaimana untuk melancarkan aplikasi AI dalam dua hari?返回给前端:
// 保存模型处理后的结果 let restoredImage: string | null = null; while (!restoredImage) { // 请求模型API let finalResponse = await fetch(endpointUrl, { method: "GET", // ...省略代码 }); let jsonFinalResponse = await finalResponse.json(); if (jsonFinalResponse.status === "succeeded") { // 模型返回Bagaimana untuk melancarkan aplikasi AI dalam dua hari?成功 restoredImage = jsonFinalResponse.output; } else if (jsonFinalResponse.status === "failed") { // 模型返回Bagaimana untuk melancarkan aplikasi AI dalam dua hari?失败 break; } else { // 模型还未返回Bagaimana untuk melancarkan aplikasi AI dalam dua hari?,1s后轮询 await new Promise((resolve) => setTimeout(resolve, 1000)); } }
可以发现,所有基础服务均有现成产品可供使用,这极大加快了前端的开发效率,降低了开发成本。
作者运行这个应用的成本是多少呢?其中:
对于想构建自己的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
Atas ialah kandungan terperinci Bagaimana untuk melancarkan aplikasi AI dalam dua hari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!