Lorawan-stack: Mostrar código QR do dispositivo final
Resumo
Mostrar código QR do dispositivo final no console
Por que nós precisamos disso?
Para testar, validar e salvar em arquivo
O que já existe? O que você vê agora?
Suporte CLI em andamento, consulte #1392;
$ ttn-lw-cli device generate-qr app1 dev1 --file qr.png
O que está faltando? O que você quer ver?
Ser capaz de ver e salvar códigos QR no Console
Existem vários tipos de códigos QR que o usuário precisa poder escolher.
Como você se propõe a implementar isso?
Sugiro gerar o código QR no navegador, usando por exemplo qrcode.react
A questão é principalmente de onde vem o conteúdo. Provavelmente temos um "código QR de reivindicação" que precisa do claim_authentication_code armazenado em JS, mas também podemos ter outros códigos QR que precisem de outros componentes.
Temos algumas opções;
- Implemente a geração de código QR em
pkg/webui, para que ele saiba quais campos precisa e como tudo está formatado. É essencialmente assim que a CLI também funciona, pois importapkg/qrcode - Adicionar rpcs a serviços que podem gerar códigos QR, ou seja, estender
EndDeviceRegistryeJsEndDeviceRegistrycom rpcs para listar formatos e gerar valores de código QR. Isso permite que o Console descubra códigos QR e evita a implementação de códigos QR em Javascript (embora não seja ciência de foguetes)
Você pode fazer isso sozinho e enviar um Pull Request?
@htdvisser o que você acha?
Pode revisar
johanstokking
Todos 8 comentários
Eu vejo valor em uma abordagem em que o back-end gera códigos QR. Dessa forma, também podemos disponibilizá-los por meio de nossas APIs, talvez até renderizados em svg/png/pdf. Não precisaríamos reimplementar a renderização QR em todos os clientes (no caso de querermos clientes iOS/Android/...) e podemos apenas usar as imagens renderizadas diretamente.
htdvisser
em 1 out. 2019
Claro, mas na V3 não há "backend", especialmente quando os campos relacionados estão espalhados por vários componentes.
Poderíamos:
- adicionar um serviço gRPC que lista os formatos de código QR e sua máscara de campo necessária
- permitir que os chamadores obtenham os campos da maneira normal (ou seja, entre em contato com os registros do dispositivo)
- deixe o chamador fornecer o
EndDevice(futuro tambémGateway) com a máscara de campo solicitada - passe
EndDevicepara o serviço gRPC e deixe-o renderizar o código QR (retorne como blob de imagem e/ou[][]boolbitmap e/ou valor de texto)
johanstokking
em 1 out. 2019
Também estou bem em gerar o código QR no front-end, mas concordo com @htdvisser que uma abordagem de back-end seria mais versátil.
kschiffer
em 4 out. 2019
Já está em andamento, veja aqui; https://github.com/TheThingsNetwork/lorawan-stack/pull/1413/files#diff -9cb528d150f69af9e93f350e10df9c7fR86
johanstokking
em 4 out. 2019
@kschiffer consulte https://github.com/TheThingsNetwork/lorawan-stack/blob/master/api/qrcodegenerator.proto
johanstokking
em 12 nov. 2019
Adicionando ajuda desejada para o novo contratado para pegar isso
johanstokking
em 24 ago. 2020
Acho que precisamos de alguma entrada de @kschiffer para UX, pois parece que o lado do servidor está pronto e pode gerar códigos qr para dispositivos finais.
bafonins
em 2 mar. 2021
Vamos pegar isso em uma próxima versão.
Referências:
- https://github.com/TheThingsIndustries/lorawan-stack-support/issues/334
- https://github.com/TheThingsIndustries/lorawan-stack/issues/2345
Com o suporte de API atual, deve ser realmente simples. A imagem é gerada em formato PNG no tamanho desejado e só precisa ser mostrada em algum lugar.
@kschiffer para ideias de onde colocar a imagem.
BTW, seria muito bom poder salvar a imagem também.
johanstokking
em 16 mar. 2021
Questões relacionadas
ecities
·
5Comentários
rvolosatovs
·
9Comentários
adriansmares
·
8Comentários
htdvisser
·
9Comentários
htdvisser
·
4Comentários
Comentários muito úteis
Claro, mas na V3 não há "backend", especialmente quando os campos relacionados estão espalhados por vários componentes.
Poderíamos:
EndDevice(futuro tambémGateway) com a máscara de campo solicitadaEndDevicepara o serviço gRPC e deixe-o renderizar o código QR (retorne como blob de imagem e/ou[][]boolbitmap e/ou valor de texto)