Googleシートを使用しているGrapql変異でQRコードを生成する方法


ルシアCerchieとカルロスEberhardtによって

This post was originally published at StepZen


Googleのシートは、データを追跡するための超便利です知っている.
あなたも知っていましたかgenerate QR codes それで?その上に、StezZenでは、GraphSQLの突然変異を使用してGoogleシートに書き込むことができます.
あなたは、パンデミックがすべての家庭から仕事を余儀なくされた後、オフィスに戻って従業員を移行する雇用者だと言う.あなたの従業員は、プリントアウトされ、自分の机にテーピングQRコードをスキャンして/アウトをチェックを開始するようにします.その情報はあなたの別のTimeClockアプリになるように、あなたが戻ってフェーズとして一度にあなたのオフィスの従業員の数のためのCDCの規制と同期していることを確認することができます.
Stezenでは、あなたの従業員の名前をGoogleシートに、自動生成されたQRコードと一緒に机のために印刷するには、単一のGraphSQL APIを使用して従業員の名前を書くことができます.

ステップ1 :セットアップ


まず、この例はカップルアカウントに依存します.
  • エーStepZen account
  • エーGoogle Cloud account (無料試用)
  • また、コラム“テキスト”と“QRCode”と権限を持つGoogleシートを想定し、ビューへのリンクを持つ誰かを許可します.

    ステップ2 - Googleクラウドサービスアカウントを作成し、あなたのGoogleシートへのアクセスを許可する


    サービスアカウントを作成し、サービスアカウントJSONファイルをダウンロードし、サービスアカウントのシートへのアクセスを許可する必要があります.一度この手順を実行する必要があります.
    まず、ログインhttps://console.cloud.google.com . あなたがすでに1を持っていないならば、自由な裁判はうまくいくはずです.
  • 次に、Googleクラウドプラットフォームコンソールの上部の検索バーで「サービスアカウント」と入力し、「サービスアカウント」というエントリを選択します.
  • 上のリンクをクリックします.
  • サービスにアカウント名を与える.
  • ボタンをクリックし、[完了]ボタンをクリックします.
  • 次の手順では、このサービスアカウントのJSON Keyfileを作成します.あなたは、あなたのコンピュータにこれをダウンロードして、後でそれを使います.
  • サービスアカウントの一覧で作成したサービスアカウントをクリックします.それは何かのようになります[email protected]
  • 「結果」画面の「キー」タブで「キーを追加」ボタンをクリックし、「新規キーを作成」を選択します
  • 「デフォルト」を選択し、「作成」をクリックします.JSONファイルをお使いのコンピュータに保存されます.Stezzenを設定してシート上のサポートの突然変異を行うときに、このファイルを後で使用します.
  • 最後に、サービスアカウントの詳細タブをクリックし、メールの値をコピーします.
  • 今すぐあなたのGoogleシートに.grant Editor access to the email address for your service account .
    この時点で、サービスアカウントをあなたのシートに書き込むことができます!ホーレイ.

    Note: Make sure you've turned on the Sheets API for the Google project you’re in.


    ステップ3 -認証値を取得する


    Stezzenとクラウドサービスの間のドットを接続するためにあなたの承認値を得る必要があるでしょう.
    以前にダウンロードしたJSONファイルを思い出してください.あなたの承認値はそのファイルのbase 64エンコードされた内容です.
    エンコードするには、端末でコマンドを実行します.
    base64 -w 0 ~/path/to/file.json
    
    あなたは、あなたの承認値を印刷します== .

    ステップ4 - Google雲に接続し、Stezzenに展開する


    あなたが持っている通知.gitignore ファイルをフォークでconfig.yaml それで.
    クリエイトアconfig.yaml 作業ディレクトリに次を追加します.
    configurationset:
      - configuration:
          name: QRCodeSheets
          authorization: Bearer {{authorization_value_here}}
    
    今すぐあなたの端末では、実行
    stepzen start
    
    あなたはあなたのステップ禅のアカウント名と管理キーを入力するように求められますMy Account あなたがサインした後のページ.
    また、あなたの終点を命名するよう促されます--提案された値を使用するか、あなたが望むものを名前をつけてください.
    次に、私たちのカスタムgraphiqlブラウザの形式でステップZenZenコードエクスプローラをlocalhost:5000 .
    「エクスプローラ」タブをクリックし、“addqrcode”の下のドロップダウンを選択し、その下のすべてのボックスをオフにします.このようにして自動的にクエリが入力されます.
    mutation myMutation {
    
      addQRCode(
        QRCode__B:
        ""
        Text__A:
       "") {
        QRCode__B
        Text__A
      }
    }
    
    
    さて、クエリにパラメータ値を追加する必要があります.
    TextRange CurrBでは、次のようにコピーしペーストする必要があります.=image(\"https://image-charts.com/chart?chs=150x150&cht=qr&choe=UTF-8&chl=\"&ENCODEURL(A2))TextHelyの場合は、従業員の名前を追加することができます.
    閉じるこの動画はお気に入りから削除されています
    mutation myMutation {
    
      addQRCode(
        QRCode__B:
        "=image(\"https://image-charts.com/chart?chs=150x150&cht=qr&choe=UTF-8&chl=\"&ENCODEURL(A2))"
        Text__A:
       "Jane Doe") {
        QRCode__B
        Text__A
      }
    }
    
    
    さて、再生ボタンを押します.あなたがJSONフォームであなたに返された方程式とランダムストリングを得るならば、あなたはあなたの質問が働いたということを知っています!

    結果を見るためにGoogleシートファイルをチェック!

    今すぐあなたのフロントエンドでは、Googleのシートには、GraphSQL APIを書くことができる単純なことを想像!
    たとえば、あなたのフロントエンドでは、突然変異を使用する名前のリストをループすることができます.
    また、簡単にGoogleのシートからデータを読み取ることができますsee our docs 方法を学ぶ.

    ここからどこへ行くか


    Stezenを使用すると、任意のバックエンドで簡単にGraphSQLのエンドポイントを作成し、単一のGraphSQLのエンドポイントに異なるバックエンドを接続できます.との統合
  • MySQL databases
  • REST APIs
  • PostgreSQL databases
  • An imported API schema template
  • 可能性を探る!私たちはあなたの建物を聞くのが大好きだDiscord !