download fire shop lite - download do código-fonte fire shop lite

fire shop lite

Código-Fonte de IA

1.0.0

Baixar

A manutenção foi interrompida. A manutenção foi interrompida. ! ! ! !

visualização rápida

Experiência de digitalização de código

Sobre este projeto

fire-shop-lite é um projeto de código aberto front-end de miniaplicativo de comércio eletrônico, desenvolvido com base no wechat-app-mall.

Os principais recursos incluem:

1. Luta em grupo

2. Pechincha

3. Distribuição

4. Geração de pôsteres de produtos

5. Cupons

…

Armazém doméstico: Code Cloud Warehouse

Coisas a serem observadas

Amigos que não têm permissão de transmissão ao vivo podem remover o plug-in de transmissão ao vivo sozinhos

1. Remova o plug-in de transmissão ao vivo de app.json

 "live-player-plugin": {
	"version": "1.0.8", 
	"provider": "wx2b03c6e691cd7370"
}

2. Exclua ou comente a referência do plug-in de transmissão ao vivo em pages/index/index.wxml

 <navigator wx:if="{{aliveRooms.length> 0}}" url="plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id={{aliveRooms[0].roomid}}" class="live-ad padding-tb">
	<image src="../../images/live_ad.png"></image>
</navigator>

Tutorial de documentação

Projetos de código aberto usados

Miniprograma de comércio eletrônico WeChat EastWorld /wechat-app-mall

SDK da interface do miniaplicativo de fábrica da API

Cores brilhantes e altamente saturadas, ColorUI, uma pequena biblioteca de componentes de programa com foco na visão

Componente de pôster do miniprograma - Gere pôsteres para compartilhar no Moments e gere fotos

Declaração de interface e back-end

Este projeto é um projeto de front-end puro para um mini shopping center. Devido à limitação de mão de obra e energia, este projeto não desenvolveu um sistema de back-end de suporte. Em vez disso, ele usou diretamente a interface gratuita e o back-end fornecidos pela API. fábrica, que pode atender plenamente a todas as funções deste projeto.

Inicializar dados de teste

Registrar fábrica de API

Faça login no backend, menu esquerdo "Configurações de fábrica" -> "Clonar dados" -> "Clonar dados de outras pessoas para mim"

Preencha o ID do comerciante da outra parte como 9436

Clique em "Clone Now", saia do plano de fundo e faça login novamente

Você terá imediatamente inicializado os dados de teste para facilitar seus testes

Instruções de compilação

Este projeto usa o módulo npm. Verifique "Usar módulo npm" nas configurações do projeto.

Este projeto usa sintaxe baseada em ES7, portanto, habilite a "compilação aprimorada" nas ferramentas de desenvolvimento, caso contrário, o seguinte erro será solicitado:

 thirdScriptError 
 sdk uncaught third Error 
 regeneratorRuntime is not defined 
 ReferenceError: regeneratorRuntime is not defined

Se você não vir a opção "Compilação Aprimorada" em suas ferramentas de desenvolvimento, atualize as ferramentas de desenvolvimento para a versão mais recente.

Instruções de uso

1. Inscreva-se para uma conta de back-end/obtenha um nome de domínio exclusivo

2. Abra o módulo shopping

3. Modifique o arquivo config.js no diretório raiz

 module . exports = {
  version : "2.0.0" ,
  note : '增加拼团砍价和分销,优化UI' , // 这个为版本描述，无需修改
  subDomain : "fireshop" , // 根据教程 https://www.yuque.com/apifm/doc/qr6l4m 查看你自己的 subDomain
  shareProfile : '百款精品商品，总有一款适合您' , // 首页转发的时候话术
  goodsDetailSkuShowType : 0 , // 0 为点击立即购买按钮后出现规格尺寸、数量的选择； 1为直接在商品详情页面显示规格尺寸、数量的选择，而不弹框
}

4. Defina o nome de domínio do servidor legal do miniprograma

5. Reinicie sua ferramenta de desenvolvimento de miniprograma e conclua

6. Como gerenciar a imagem de inicialização do miniprograma e a imagem do banner do carrossel no topo da página inicial em segundo plano

这两个功能都是使用后台 “系统设置” --> “banner” 管理功能来实现的；
后台发布banner的时候，自定义类型请分别填写  app  和  home
小程序会自动读取类型为 app 的banner图片作为启动展示图片；
小程序会自动读取类型为 home 的banner图片作为首页的轮播图；

7. Se você precisar usar a função de compartilhamento de pôster (o postador precisa chamar o avatar do usuário do miniprograma), será necessário adicionar o nome de domínio wx.qlogo.cn ao nome de domínio legal de downloadFile.

8. Como usar mensagens de assinatura (antigas mensagens modelo)? Por favor, confira o tutorial para "api factory":

https://www.yuque.com/apifm/doc/sw1dg9

Configurações de parâmetros do sistema

Faça login no backend, vá ao menu esquerdo "Configurações do sistema" -> menu "Parâmetros do sistema"; se você não encontrar este menu, é porque ainda não ativou o módulo "Configurações dos parâmetros do sistema"; menu esquerdo "Configurações do sistema" - -> "Gerenciamento de módulo", habilite o módulo "Configurações de parâmetros do sistema" e, em seguida, F5 para atualizar a página da web

RECHARGE_OPEN (tipo de chave)
Durante a revisão do WeChat, se o seu miniprograma tiver uma função de recarga, ele falhará na revisão. Portanto, por padrão, o miniprograma ocultará a função de recarga e retirada.
ROLE_FOR_SHOP (tipo de opção)
Se você tiver várias funções de loja, alterar a função habilitará a função de administrador de loja. Nesse momento, cada administrador de loja só poderá gerenciar os produtos e pedidos feitos em sua própria loja, mas não poderá visualizar e gerenciar pedidos. de outras lojas.
ALLOW_SELF_COLLECTION (tipo de opção)
Se deseja ativar a função de retirada na loja (entrega expressa e retirada na loja os clientes podem escolher)
WITHDRAW_FEE_PERCENT (parâmetro de texto)
Proporção da taxa de retirada, preencha 1 para 1%
free_shipping_for_purchases (parâmetro de texto)
Frete grátis será fornecido após o valor do pedido ser atingido
mallName (parâmetro de texto)
Nome do miniprograma (nome do shopping)
REGISTER_OPEN_SELLER (tipo de opção)
Se os usuários recém-registrados se tornarão distribuidores automaticamente. Se esse parâmetro não estiver ativado, os próprios distribuidores precisarão solicitá-lo e você o analisará.
CategoryLevel (parâmetro de texto)
A página de classificação exibe o nível de classificação. Parâmetros opcionais 1 e 2. Quando o valor é 1, a lista de produtos é exibida diretamente no lado direito. Quando o valor é outro, a classificação de segundo nível é exibida.
CATEGORY_BY_TAGS (tipo de opção)
Se a classificação por tags deve ser habilitada Este parâmetro é válido quando categoriaLevel=1 e pode ser usado em cenários onde um produto pertence a múltiplas categorias.
"Tutorial de uso do plug-in de distribuição de três níveis da API Factory"

Perguntas frequentes

Como modificar o título do miniprograma shopping?
Por favor, verifique o mallName nas configurações do sistema acima
"Não é possível fazer login"/Token inválido?
1. Altere o subdomínio em config.js para o seu e salve;
2. Faça login no back-end do seu miniprograma (endereço MP), adicione api.it120.cc ao nome de domínio da solicitação
3. Certifique-se de que o appid do backend do miniprograma (endereço MP), o appid preenchido no backend de fábrica e o appid exibido após abrir os "Detalhes do Projeto" no canto superior direito da ferramenta de desenvolvimento sejam exatamente os mesmos;
4. Clique em "Limpar Cache" nas ferramentas de desenvolvimento -> "Compilar"
Faça login no back-end para publicar seus próprios produtos
Como adicionar um link ao Banner e clicar para abrir um produto?
Como preencher o token ao definir o appid, segredo, número do comerciante de pagamento WeChat e chave secreta no back-end de fábrica?
Não preencha o token!
Não preencha o token!
Não preencha o token!
Diga coisas importantes três vezes. Este pequeno programa não é usado para contas de serviço, portanto, não preencha os espaços em branco.
Ao pagar no WeChat, aparece uma mensagem de erro 50000 e o ID do pré-pagamento não pode ser obtido.
Este erro ocorre porque as informações de pré-pagamento do WeChat Pay não podem ser obtidas.
- Pode ser que você não tenha configurado seu número de comerciante de pagamento WeChat e sua chave secreta em segundo plano ou a configuração esteja incorreta.
- Pode ser que o WeChat Pay que você configurou não seja solicitado pelo miniprograma atual (o WeChat Pay atualmente não pode ser chamado em miniprogramas)
- Certifique-se de que o APPID conectado na ferramenta de desenvolvimento WeChat seja igual ao APPID que você configurou em segundo plano
Como participar do projeto?
1. Clique em Estrela no topo da página e siga-a. O Github irá lembrá-lo das últimas atualizações do projeto para que você não perca atualizações importantes;
2. Clique em Fork na parte superior da página, ajuste a interface do miniprograma com as funções que você precisa adicionar e solicite a mesclagem de seu código no fire-shop-lite no github;
3. Depois que sua solicitação de mesclagem de código for aprovada, mesclaremos o código no projeto;
4. Os projetos de código aberto são inseparáveis do seu suporte e compartilhamento de código. Juntos, manteremos o projeto fire-shop-lite no longo prazo;
5. Amigos designers também são bem-vindos para fornecer suporte de design de UI
Não há lugar para preencher o endereço de entrega ao fazer um pedido?
1. Adicione um "modelo de logística" e somente os produtos que exigem entrega expressa solicitarão que os usuários preencham o endereço de entrega.
2. Ao publicar produtos, selecione o "Modelo de Logística" que você acabou de adicionar
3. Para fazer um pedido novamente, o usuário deverá inserir o endereço de entrega.
Ao definir o appid e o segredo em segundo plano, o prompt está incorreto?
1. Por favor, confirme se o appid e o segredo que você preencheu estão corretos
2. Certifique-se de que não haja espaços ao digitar (você pode copiar mais espaços ao copiar)
3. Defina a lista de permissões de endereços IP do servidor (106.14.43.122) no plano de fundo do WeChat
Como usar a função de reembolso?
1. O back-end permite a especificação do valor do reembolso de um pedido;
2. Você pode optar por reembolsar o saldo disponível do usuário ou reembolsar a terceiros ou cartão bancário de acordo com a forma de pagamento original do usuário;
3. Se você optar por retornar pela rota original, será necessário fazer upload do arquivo do certificado de pagamento WeChat (arquivo no formato PK12) onde o número do comerciante e a chave secreta estão definidos.
Como definir o valor do frete grátis?
1. Configurações do sistema em segundo plano - parâmetros do sistema, adicionar parâmetros do sistema;
2. Nome do parâmetro free_shipping_for_purchases (observe sem espaços)
3. Basta preencher o valor do parâmetro com a quantidade que deseja comprar.
Como modificar ou encerrar um pedido que será encerrado automaticamente se não for pago por mais de 30 minutos?
1. Adicione o parâmetro expireMinutes para criar a interface do pedido;
2. Representa quantos minutos o pedido será fechado automaticamente caso o pagamento não seja efetuado. Passar 0 não fechará automaticamente o pedido;
O Android pode ver a imagem, mas o telefone iOS não consegue ver a imagem
Este é um problema com o analisador wxparse. Muitas pessoas foram atingidas ~.
Basta pesquisar globalmente e comentar console.dir
Mais perguntas?

Como atualizar para a versão mais recente

A modificação do miniprograma é independente dos dados em segundo plano, portanto não há necessidade de se preocupar com a perda de dados.
Primeiro, faça backup da versão existente do programa em suas ferramentas de desenvolvimento
Baixe a versão mais recente do programa e substitua diretamente seu programa local
Use ferramentas de desenvolvimento para modificar o nome de domínio para seu próprio nome de domínio
Carregue o código na ferramenta de desenvolvimento e envie-o ao WeChat para revisão
Depois de passar na revisão, o miniprograma pode lançar uma nova versão em segundo plano.
Os usuários não precisam escanear novamente o código, basta fechar o miniprograma e reabri-lo para ver a nova versão.