1. Ferramentas instaladas (preparação)
A complexidade da implantação do projeto é alta (interessado em aprender essa pilha de tecnologia pode tentar implantação)
1. Vamos instalar node.js primeiro [http://nodejs.cn/download/]
2. Win+R de entrada CMD Clique em OK para abrir a entrada do pedido com a entrada (Instalar CNPM)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. Pelo menos duas ferramentas de desenvolvimento são necessárias para a execução de projetos, um HBUildex;
Link para download do hbuildex: download da versão de desenvolvimento de aplicativos
Ferramenta de desenvolvedor WeChat: Baixe a versão estável
4. Abra o registro de plataforma pública do WeChat, um pequeno programa de desenvolvimento de gerenciamento de desenvolvimento Appid-Desenvolvimento, obtenha Appid
Segundo, a configuração do banco de dados em nuvem
Dia da Diancan: este conjunto de pacotes de código é um pequeno código de programa
1. Coloque esse conjunto de pacotes de código no hbuildex, abra o arquivo manifest.json e a configuração do programa WeChat Mini -Program -Wechat Mini Appid é alterada para o seu Applet ID registrado.
No arquivo app.vue, o ENV é alterado para seu próprio ID ambiental (o ID do ambiente é obtido no desenvolvimento da nuvem das ferramentas de desenvolvedor do WeChat) para criar um ambiente de desenvolvimento em nuvem e desenvolvimento de nuvem de acordo com os avisos.
2. Na seleção do mouse, o projeto-usuário do projeto, em seguida, clique na parte superior do editor administrado ao simulador de applet. Ele não pode ser aberto neste momento; portanto, abra manualmente a ferramenta de desenvolvedor do WeChat, clique na porta de serviço de abertura de segurança nas configurações do agente nas configurações. .
3. Clique no desenvolvimento da nuvem na parte superior da ferramenta de desenvolvedor do WeChat (se ela não tiver sido aberta de acordo com os avisos) para inserir o console de desenvolvimento em nuvem, clique no banco de dados para criar cada conjunto com base nos seguintes nomes:
business - acc :商家账号：权限{所有用户可读，仅创建者可读写}
shop - infor :商家信息：同上
dishes - category :菜品类目：同上
dishunit:菜品单位：同上
dishes - data :菜品管理：自定义权限把以下代码粘贴进去{ "read" : true , "write" : true }
order - data：存储订单：权限{仅创建者可读写}
seven_day_sales:存储每一天的销售额：自定义权限把以下代码粘贴覆盖进去
{ "read" : true , "write" : true }
table_qr_code:桌号管理：权限{所有用户可读，仅创建者可读写} 4. Crie uma pasta no gerenciador de recursos nas ferramentas de desenvolvedor do WeChat. Somente precisa substituir o arquivo index.js no arquivo no index.js no arquivo de função de User-User/Cloud de Diancânica
Em seguida, substitua o Env no arquivo por seu próprio ID ambiental, o código é o seguinte:
cloud.init({
env: '改为你自己的云环境id'
})
Clique com o botão direito do mouse no arquivo de gerenciamento de pratos: upload e implante (selecione node_modules), dependências de transferência de nuvem, aguarde o upload, incluindo o arquivo search.js do arquivo de função em nuvem (passo na mesma etapa)
3. Modificação do código
1. De volta ao pacote de código de usuário, abra as linhas do arquivo main.js 15-16 e o SRC/main.js no lado do PC, como segue:
Vue . prototype . goeasy = GoEasy . getInstance ( {
host : "改为你自己的区域" , //改为：区域.goeasy.io
appkey : "改为你自己的appkey" , //进入详情Common key
modules : [ 'pubsub' ] //根据需要，传入‘pubsub’或'im’，或数组方式同时传入
} ) ; 2. Desenvolvimento e cenário de plataforma no WeChat Public Development Management no nome do domínio do servidor de configuração (nome de domínio legal do soquete) wss: //wx-hangzhou.goeasy.io
3. Open Diancan-Node: Este conjunto de pacote de código é o final da interface
4. Abra o arquivo config/databaseapi.js da seguinte
let param = qs . stringify ( {
grant_type : 'client_credential' ,
appid : '改为你自己的' ,
secret : '改为你自己的' （微信公众平台进入开发管理-开发设置生成一个APPsecret）
} ) 5. Etapa de aquisição do ID do modelo:
5.1 Abra a plataforma pública do WeChat Para selecionar informações de assinatura, selecione a entrada do modelo de pesquisa de biblioteca de modelos públicos -o comerciante confirma o aviso do pedido -selecione o valor do pagamento, o tempo de pagamento, o número do pedido, três itens.
NOTA: A categoria de serviço registrada por applets deve ser o Serviço de Informação de Catering em Serviços de Catering para recuperar.
5.2 Depois de selecionar o modelo, você pode verificar o ID do modelo no meu modelo.
6. Abra os três nomes de campo de 75 linhas no arquivo do roteador/order/order.js. (No meu modelo, verifique seus três campos em detalhes. Veja se o campo é o mesmo desse campo, se for diferente, será alterado)
7. Abrimos as páginas/página inicial/página.vue em Diancan-u-Page para o template_id na linha 121 para a nossa.
Quarto, a configuração do Tencent Cloud Storage (COS)
1. Abra o arquivo cos/cos.js na linha de código do nó 4-11 da seguinte forma:
var cos = new COS({
SecretId: '改为你自己的', （在腾讯云的密钥管理中获取）
SecretKey: '改为你自己的', （同上）
Protocol:'https:'
});
Abra o link para registrar [https://cloud.tencent.com/login?s_url=https%3a%2f%2fconsole.cloud.tencent.com. A seleção regional é mais próxima de nós mesmos)
let Bucket = '改为你自己的' （这个为创建的存储桶名称）
let Region = '改为你自己的' （这个为所属的地域）
2. Digite o balde para criar uma pasta para armazenar arquivos carregados.
Linha 18 e Linha 36: Chave: 'Altere o nome da sua própria pasta' + nome do arquivo, (a pasta criada para você)
3. Clique com o botão direito do mouse no nó de Diancano no Hbuliderx no Hbuliderx. Se não for bem -sucedido, use o teste de execução npm.
5. Início do final de gerenciamento de fundo
Saoma-Diancan-PC: este conjunto de terminais de gerenciamento de fundo de bolsa de código
1. Clique com o botão direito do mouse no Saoma-Diancan-PC no HBuliderx no hbuliderx.
2. Execute o projeto de inicialização do NPM Run Server, abra o endereço do navegador, registre uma conta e faça login em
3. Crie informações de comerciantes de acordo com os avisos.
4. Depois de adicionar um código de refeição e os pratos no gerenciamento de fundo na etapa anterior, as ferramentas do desenvolvedor do WeChat são compiladas através do código QR que você adicionou
6. Conecte a impressora
1. Devemos comprar a impressora Xinyunyun
2. Conectamos a impressora ao wifi de acordo com as instruções
3. Digite a plataforma de gerenciamento de traseiro da impressora em nuvem Xinyun [https://admin.xpyun.net/#/login?redirect=%2fpersonal] e depois digite -o após a autenticação.
4. Em seguida, escolhemos o número da impressora na impressora no gerenciamento de impressão, ou seja, o SN na impressora adicionando impressoras ao nosso dispositivo.
5. Vamos abrir nosso arquivo do usuário de Diancânica para abrir o arquivo xpyun.js na impressora
Modifique o seguinte código
let xpYun = {
user : '在芯烨云后端管理平台中的账号信息把开发者id拷贝过来' ,
timestamp : new Date ( ) . getTime ( ) ,
UserKEY : '这个为开发者密钥在开发者id下面' ,
sn : '打印机身上的sn' ,
name : '设置成自己的店铺名称'
} 6. Se queremos alterar o conteúdo da impressora impressa, entramos no arquivo print_content.js, de acordo com nossa própria loja, endereço, telefone, altere a mudança
7. Código on -line (não deve haver problemas no teste local, a situação que pode ser executada através da implantação on -line)
1. Nó de Diancan
Vamos abrir [https://cloud.weixin.qq.com/cloudrun?utm_source=idecloudConsole] e, em seguida, digitalize o código para fazer login e selecionar o applet que queremos esperar pacientemente). Aguarde a publicação da implantação e, em seguida, escolha o pacote de código manualmente para selecionar a pasta. A porta é alterada para 5000 e a seleciona. Após a conclusão da versão, optamos por acessar com um nome de domínio público.
2.SAOMA-DIANCANC-PC
2.1 Vamos abri -lo com o hbuildex e, em seguida, selecione o API.js na pasta API para conectar o seguinte código const url = 'http: // localhost: 5000/api/modifique -o com o nome de domínio que acabamos de obter no host em nuvem.
例如：const url = 'https://koa-bu8u-166122-1309878414.ap-shanghai.run.tcloudbase.com/api/'
2.2 Clique com o botão direito do mouse no Saoma-Diancan-PC no HBulider.
2.3 Vamos abrir as Ferramentas de Desenvolvimento do WeChat e selecionar o desenvolvimento da nuvem Sites mais estáticos. A configuração pode copiar o nome de domínio e acessá -lo diretamente.
2.4.Diancan-User
Optamos por lançar no programa Hbulid Editor-Mini Wechat-Then Open WeChat Development-Entre WeChat Development Tools para selecionar e liberar
