Lorawan-stack: エンドデバイスのQRコードを表示する

作成日 2019年10月01日  ·  8コメント  ·  ソース: TheThingsNetwork/lorawan-stack

概要

コンソールにエンドデバイスのQRコードを表示する

なぜ私たちはこれが必要なのですか?

テスト、検証、ファイルへの保存

すでに何がありますか? あなたは今何を見ていますか?

CLIサポートが進行中です。#1392を参照してください。

$ ttn-lw-cli device generate-qr app1 dev1 --file qr.png

何が欠けている? あなたは何が見たいですか?

コンソールでQRコードを表示して保存できる

ユーザーが選択できる必要があるQRコードには複数の種類があります。

これをどのように実装することを提案しますか?

たとえばqrcode.reactを使用して、ブラウザでQRコードを生成することをお勧めします

問題は主にコンテンツがどこから来ているかです。 JSに保存されているclaim_authentication_codeを必要とする「クレームQRコード」があるかもしれませんが、他のコンポーネントを必要とする他のQRコードもある可能性があります。

いくつかのオプションがあります。

  1. pkg/webuiにQRコード生成を実装して、必要なフィールドとすべてがどのようにフォーマットされているかを認識できるようにします。 これは、CLIがpkg/qrcodeをインポートするため、基本的にこのように機能します。
  2. QRコードを生成できるサービスにrpcsを追加します。つまり、rpcsでEndDeviceRegistryJsEndDeviceRegistryを拡張して、形式を一覧表示し、QRコード値を生成します。 これにより、コンソールはQRコードを検出し、JavascriptでのQRコードの実装を回避できます(ロケット科学ではありませんが)

これを自分で行い、プルリクエストを送信できますか?

@htdvisserどう思いますか?

レビューできます

console needux uweb

最も参考になるコメント

もちろんですが、V3には「バックエンド」はありません。特に、フィールドが複数のコンポーネントに分散している場合はそうです。

我々は出来た:

  • QRコード形式とそれに必要なフィールドマスクを一覧表示するgRPCサービスを追加します
  • 発信者が通常の方法でフィールドを取得できるようにします(つまり、デバイスレジストリに連絡します)
  • 呼び出し元にEndDevice (将来的にはGatewayも)に要求されたフィールドマスクを提供させます
  • EndDeviceをgRPCサービスに渡し、QRコードをレンダリングさせます(画像ブロブおよび/または[][]boolビットマップおよび/またはテキスト値として返されます)

全てのコメント8件

バックエンドがQRコードを生成するアプローチには価値があります。 そうすれば、APIを介してそれらを利用できるようにすることもでき、場合によってはsvg / png / pdfにレンダリングすることもできます。 すべてのクライアントでQRレンダリングを再実装する必要はなく(iOS / Android / ...クライアントが必要な場合)、レンダリングされた画像を直接使用できます。

もちろんですが、V3には「バックエンド」はありません。特に、フィールドが複数のコンポーネントに分散している場合はそうです。

我々は出来た:

  • QRコード形式とそれに必要なフィールドマスクを一覧表示するgRPCサービスを追加します
  • 発信者が通常の方法でフィールドを取得できるようにします(つまり、デバイスレジストリに連絡します)
  • 呼び出し元にEndDevice (将来的にはGatewayも)に要求されたフィールドマスクを提供させます
  • EndDeviceをgRPCサービスに渡し、QRコードをレンダリングさせます(画像ブロブおよび/または[][]boolビットマップおよび/またはテキスト値として返されます)

フロントエンドでQRコードを生成することもできますが、バックエンドのアプローチの方が用途が広いという@htdvisserに同意します。

すでに進行中です。こちらをご覧ください。 https://github.com/TheThingsNetwork/lorawan-stack/pull/1413/files#diff -9cb528d150f69af9e93f350e10df9c7fR86

@kschifferhttps ://github.com/TheThingsNetwork/lorawan-stack/blob/master/api/qrcodegenerator.protoを参照してください

これを手に入れるために新入社員に必要なヘルプを追加する

サーバー側は準備ができており、エンドデバイスのqrコードを生成できるように見えるため、UX用の@kschifferからの入力が必要だと思います。

次のバージョンでこれを取り上げましょう。

参照:


現在のAPIサポートでは、それは本当に簡単なはずです。 画像はPNG形式で希望のサイズで生成され、どこかに表示するだけで済みます。

画像を配置する場所に関するアイデアについては、 @ kschifferを参照してください。

ところで、画像も保存できるといいですね。

このページは役に立ちましたか?
0 / 5 - 0 評価