Applet FinchUI WeChat (edição básica do artigo)

Fornece a interface API do applet WeChat para o sistema de blog Z-BlogPHP, que é usado com o applet nativo WeChat.

O plug-in é um hipervisor para o back-end do applet e fornece uma interface API para o applet.

Depois de comprar o plug-in, entre em contato com o autor para obter o código-fonte do applet e eu lhe mostrarei como usar o código-fonte do applet.

Página inicial do applet

Página de classificação de applets

Página de atendimento ao cliente do applet

Pequeno programa sobre nós

Página de pesquisa de applet

Página de detalhes do applet

Características funcionais

🔌 RESTful APIFornecer uma interface de dados completa

🔐 Verificação TokenControle de acesso seguro à interface

📱 Aplet nativo: Apoio ao projeto de applet nativo do WeChat

⚙️ Configuração visualOpções ricas de gerenciamento de backstage

📂 Menu de classificaçãoSuporte à estrutura de árvore de classificação de vários níveis

💬 Serviço ao cliente Página única: Personalizar o conteúdo da página de atendimento ao cliente

🖼️ Gestão de imagem: Logo, capa, configuração de imagem compartilhada

🔧 Modo de manutenção: Um botão para abrir o estado de manutenção

📦 Método de instalação do conector

1. Por trás do site do Z-BlogCentro de AplicaçãoObtenha o plugin.

2. Habilitar plugins no Gerenciamento de plugins em segundo plano do Z-BlogPHP

3. Vá para a configuração do applet

4. Vai ser wx_native Importar projetos de applet para ferramentas de desenvolvedores do WeChat

Instruções de configuração de backstage️

Configuração da interface API

API Switch (em inglês)Habilitar ou desativar a interface da API

API TokenToken de autenticação de interface, suportando a geração automática de strings aleatórias de 32 bits

Endereço API: gerar automaticamente, preencher o arquivo de configuração do applet

Configuração da infraestrutura do applet

Nome do appletUse o nome do site quando deixado em branco

Introdução ao appletIntrodução em uma palavra

Versão #Identificação da versão do applet

Configuração de recursos de imagem

Logo do appletTamanho recomendado: 200 × 200 pixels, exibição da barra de navegação

Diagrama de estado vazioTamanho recomendado: 720 × 450 pixels, exibido quando a lista não tem dados

DefaultMiniaturaTamanho recomendado: 400 × 300 pixels, usado quando o artigo não tem imagens

Compartilhar imagensTamanho recomendado: 500 × 400 pixels, padrão para compartilhar a imagem

Configuração do menu de classificação

Classificação do menu Switch: A entrada "Classificação" é exibida na parte inferior após a abertura

Nome do menu：Menu CustomizadoNome de exibição, padrão "Classificação"

Especificar a classificação: Selecione a categoria a ser exibida, deixando em branco para exibir todas as categorias

Configuração de página única do atendimento ao cliente

Serviço ao cliente Single Page Switch: Quando aberto, a entrada de "Suporte ao Cliente" é exibida na parte inferior

Página de serviço ao cliente ID: Preencha o ID do artigo para exibir o título e o corpo do artigo

Nome do menu: Nome de exibição do menu personalizado, padrão de "Serviço ao Cliente"

Configuração de informações de contato

Configuração de suporte: nome da empresa, telefone de contato, caixa de e-mail de contato, WeChat de atendimento ao cliente, código QR de atendimento ao cliente, horário de trabalho, endereço de contato, sobre a nossa introdução

Configuração de conteúdo

Artigo Categoria ID: Restringir a exibição de artigos para a categoria especificada, deixando em branco para obter todos

Página inicial BannerExibindo artigos recomendados pelo Banner

Recomendações da página inicialNúmero de artigos recomendados para leitura

Lista por página: Número de páginas da lista

Configuração do sistema

Exibir menu: Navegação no fundo à esquerda para mostrar o atalho "Applets"

Configuração vaziaEsvaziar todas as configurações ao desinstalar o plugin

Modo de manutençãoApós a abertura, a API retorna ao estado 503.

Compartilhe o títuloTítulo de compartilhamento padrão

Informações de direitos autoraisSobre a exibição na parte inferior da página

Screenshots de configuração de fundo

📡 Interfaz de API

IMPORTANTE: Todas as solicitações de interface precisam ter um X-Token no cabeçalho da solicitação para autenticação

Lista de interfaces

?action=config - Obtenha informações de configuração do applet

?action=home - Obtenha os dados da página inicial (Banner, Recomendado, Último)

?action=list - Obtenha uma lista de artigos

?action=list&cate_id=1 - Obtenha uma lista de artigos de categoria especificada

?action=detail&id=1 - Obtenha detalhes do artigo

?action=search&keyword=关键词 - Pesquisa de artigos

?action=related&id=1 - Obtenha artigos recomendados relevantes

?action=category - Obtenha menu de classificação (estrutura de árvore)

?action=about - Obtenha informações sobre nós

?action=service - Obtenha conteúdo de uma página de atendimento ao cliente

Lista de parâmetros de interface

cate_id - ID de classificação (opcional)

page - Número de página, padrão1

pageSize - Número de páginas, padrão 10

order - Ordenar por: mais novo / view (mais popular)

sort - Direção de classificação: 0 = ordem descendente / 1 = ordem ascendente

📱 Funções do applet

Aplet de apoio wx_native Contém as seguintes páginas:

Página inicial: Banner Carrousel, Leituras recomendadas (layout de cartão), artigos recentes (layout de lista)

Classificação: menu de classificação em árvore, suportando a expansão aninhada de classificação de segundo e terceiro nível

Listagem: Lista de artigos, suporte para filtragem de categorias, atualização de menu pull-down, carregamento de menu pull-up mais

Detalhes: Corpo do artigo, navegação anterior e próxima, recomendações relevantes

Pesquisa: Pesquisa de palavras-chave, Histórico de pesquisa, Pesquisas populares

Serviço ao cliente: Conteúdo personalizado, informações de contato, código QR de atendimento ao cliente

Sobre o: Informações da empresa, informações de contato, informações de direitos autorais

Características do applet

✅ TabBar personalizado (exibindo dinâmicamente a classificação / entrada de atendimento ao cliente)

✅ Drop-down Refresh & Drop-up Load More

✅ Compartilhar com amigos e compartilhar com o círculo de amigos

✅ Imagem Preview

✅ Faça uma chamada com um botão

✅ Reproduzir o micro sinal

🔧 Campo de extensão do artigo

Extensão de página de edição de artigo:

Artigo Cover: Imagem de capa exibida na lista de applets e na página de detalhes

Recomendações BannerO artigo é exibido na página inicial do Banner Carrousel após a seleção

Recomendação do artigoO artigo é exibido na área de leitura recomendada da página inicial após a seleção.

Extensão de página de edição de categoria:

Classificação Cover: Imagem de capa exibida no menu de categorização e usada como imagem compartilhada para a página de listagem de categorização

📄 Instruções de uso para o uso de cloreto de alumínio

1. Depois de ativar o plug-in, primeiro configure o token da API na Configuração do applet

2. Preencha o endereço da API e o token no applet utils/config.js Arquivo de perfil

3. Abra o menu de classificação, a página única do atendimento ao cliente e outras funções de acordo com as necessidades

4. Definir as imagens de capa e propriedades de recomendação durante a edição do artigo

5. Visualizar e publicar applets com as ferramentas de desenvolvedores do WeChat

Dica: o plug-in gerará automaticamente um token da API quando for ativado pela primeira vez, ou você pode clicar no botão "Generar" para regenerá - lo.