Criação manual de aplicativos de IA: um guia para todo o processo, desde a análise de requisitos até a implantação e a ativação

Prefácio

Neste artigo, tentamos implementar um aplicativo no caminho mais curto e no modo mais leve, o que requer apenas três etapas grandes + 9 etapas pequenas, e o seguinte é um processo de ensino prático.

Descrição dos requisitos

Uma descrição sistemática da perspectiva de um gerente de produto pode ser encontrada no modelo a seguir:

1. Visão geral dos requisitosQual problema está sendo resolvido, qual função está sendo alcançada e uma introdução geral.
2. Descrição da interface interativaFunções e interações da caixa de entrada e da caixa de saída.
3. Fornecimento de ferramentas funcionaisA busca por modelos de IA funcionalmente realizáveis.

modelo relevante

Os seguintes modelos de IA estão disponíveis para gerar ilustrações de artigos e obter uso específico da API:
endereço do modelo

Exemplo de uma demonstração finalizada：Clique para ver

Etapas de realização de requisitos

1. descrição geral das necessidades

Desenvolva um aplicativo baseado no Gradio para implementar os seguintes recursos:

• Depois que o usuário inserir o conteúdo da postagem pública, clique no botão One Click Generate (Gerar com um clique).
• Geração automática de títulos e resumos.
• Gerar automaticamente prompts em inglês com base em resumos e gerar gráficos de artigos.

2 Módulos centrais de front-end

1. Caixa de entrada do usuárioLembre o usuário de inserir o conteúdo da publicação pública.
2. Caixa de saída do cabeçalho：
   • Gerar automaticamente 5 títulos (64 caracteres ou menos) que são adequados para números públicos.
   • Layout da esquerda para a direita, saída de streaming e apresentação separada do processo de pensamento e da saída final.
3. Caixa de saída de resumo：
   • Gerar automaticamente um resumo (120 palavras ou menos) adequado para números públicos.
   • Layout da esquerda para a direita, saída de streaming e apresentação separada do processo de pensamento e da saída final.
4. Artigo com imagem Caixa de saída do prompt：
   • O prompt é gerado automaticamente em inglês com base no resumo.
   • Layout esquerdo e direito com saída de streaming.
   • Editável e compatível com regeneração.
5. Caixa de saída para gráficos de artigos：
   • Gerar uma imagem com base no prompt em inglês gerado.
   • Gera 2 imagens de tamanho 1024×500.

Estilo visual: ciano tecnológico + roxo.

3. API do lado do servidor

Título, Resumo, API de saída do prompt

import requests
import json
from PIL import Image
from io import BytesIO
url = 'https://api-inference.modelscope.cn/v1/images/generations'
payload = {
'model': 'djyzcp123/gjerc',  # ModelScope Model-Id, required
'prompt': 'A golden cat'  # required
}
headers = {
'Authorization': 'Bearer 替换为你的魔搭token',
'Content-Type': 'application/json'
}
response = requests.post(url, data=json.dumps(payload, ensure_ascii=False).encode('utf-8'), headers=headers)
response_data = response.json()
image = Image.open(BytesIO(requests.get(response_data['images'][0]['url']).content))
image.save('result_image.jpg')

Gerar código com IA e testar o polimento na nuvem Notebook

1. geração de código

• O código pode ser gerado automaticamente usando modelos grandes, como Cursor, DeepSeek-R1, QwenMax-QWQ, Claude 3.7, etc.
• O código é salvo como .py Documentação.

2) Execute o código no Notebook

• O notebook vem pré-instalado com o ambiente logo ao sair da caixa.
• Endereço do notebook
• estar em movimento .py Documentação:

!python /mnt/workspace/文件名.py

3. teste e otimização

Aceitação de front-end

As interfaces de front-end geradas pelas quatro ferramentas são diferentes, mas todas elas atendem aos requisitos.

Cursor	DeepSeek-R1
QwenMax-QWQ	Claude3.7

Aceitação no lado do servidor

A funcionalidade está funcionando corretamente e o título, o resumo, o prompt e as imagens gerados estão de acordo com o esperado.

A implantação entra em operação

1. configuração básica do CreateSpace

• Novo espaço criativo
• Use os recursos de CPU gratuitos da plataforma, que são configurados por padrão.

2. Etapa principal: proteção da chave da API

• Modifique o código para armazenar a chave de API em uma variável de ambiente.

Pré-modificação:

Modificado:

import os
MODEL_API_KEY = os.getenv('MODEL_API_KEY')

3. fazer upload de documentos e publicá-los on-line

• Depuração bem-sucedida no Notebook .py Renomeie o arquivo para app.py e carregado.

Depois de fazer isso, você receberá um link para compartilhar:

resumos

Todo mundo é um desenvolvedor de aplicativos, ative a mágica com IA e crie milhares de aplicativos!

O aplicativo é infinitamente expansível, por exemplo:

1. Adicione embelezamentos de artigos e cópias de microblogs.
2. Estilo de ilustração opcional.

Mais possibilidades estão esperando por você para serem exploradas! 🚀