バーコードスキャンによる自動データ入力

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

バーコードをスキャンして、別のアプリに保存されている必要な詳細情報を取得します。

あるモバイルストアでは、注文管理アプリケーションを使用して注文を管理しています。フォームに商品を追加すると、対応するバーコードが自動的に生成され、商品詳細と一緒にアップロードされます。

このストアでは、モバイル電話の修理用に別のアプリケーションを使用しており、モバイル電話に貼られた同じバーコードシールをスキャンして、商品詳細を素早く取得します。

1. まず、注文管理アプリケーションを作成します。フォームを作成し、次の詳細を追加します。

詳細

フォーム	フォームリンク名	フィールドタイプ	フィールド名	フィールドリンク名
商品	商品	ドロップダウン Apple Samsung One Plus	商品グループ	Product_Group
		単一行	商品名	Product_Name
		数値	IMEI 番号	IMEI_Number
		画像	IMEI バーコード*	IMEI_Barcode
		メモ	メモ	plain

2. 画像フィールドの項目プロパティで、リンクオプションを参照の下で有効にします。これにより、アップロードしたいバーコード画像の URL を直接追加できます。

3. 次の詳細でフォームワークフローを作成します。

4. 新しいアクションを追加をクリックし、次のスニペットを追加します。

// サードパーティ API を呼び出してバーコードを生成し、そのリンクを画像フィールドにアップロードする画像 HTML タグを構築します
input。IMEI_Barcode = '<img src=\'http://bwipjs-api.metafloor.com/?bcid=code128&text='+ input。IMEI_Number + '\'/>';
// メモフィールドを使用して、生成されたコードのプレビューを表示します
input。メモ = '生成されたコード:<br><br><div><img src='http://bwipjs-api.metafloor.com/?bcid=code128&text='+ input。IMEI_Number + ''/><br/></div>';

5. このアプリにいくつかデータを追加します。

6. 次に、モバイル電話 Servicingという名前の別アプリを作成します。フォームを作成し、次の詳細を追加します。

フォーム	フォームリンク名	フィールドタイプ	フィールド名	フィールドリンク名
商品	商品	番号	IMEI	IMEI
		ドロップダウン Apple Samsung One Plus	商品グループ	Product_Group
		単一行	商品名	Product_Name
		複数行	Issue	Issue

6. IMEI フィールドに対してQR コードおよびバーコードスキャンを有効にします。

次に、このチュートリアルで後ほど使用する接続を作成します。

7. Microservices に移動し、+ 新規作成をクリックして、新しい接続を作成します。

8. Zoho OAuth を選択します。

9。Creator 用の必要なスコープを選択し、その他の詳細を入力して、作成して認証をクリックします。

このアプリで接続が有効になっていることを確認します。

10.フォームワークフローを作成し、次の内容を設定します。

11. 新しいアクションを追加をクリックし、以下のスクリプトを Deluge エディターに保存します。

// 連携タスクを使用してデータを取得し、アプリケーションに合わせてパラメーターを置き換えてください
mobileData = Zoho。creator。getRecords('<app_owner>','順番-management','All_Products','IMEI_Number==' + input。IMEI,1,200,'creator');
データ = mobileData。取得する('data');
input。Product_Name = データ。getJSON('Product_Name');
input。Product_Group = データ。getJSON('Product_Group');

このチュートリアルでは、目的の結果を得るためにオープンソースのバーコード生成 APIを使用しています。バーコードを生成するために、任意の API を使用できます。
同じ手順で、任意のコード付き画像を生成することもできます。たとえば、バーコードの代わりに QR コードを生成するには、次のスクリプトを使用します。

input。メモ = '作成済みコード:<br><br><div><img src='https://qrcode.tec-it.com/API/QRCode?data='+ input。IMEI_Number + '' width='150'/><br/></div>';
input。imageField = '<img src='https://qrcode.tec-it.com/API/QRCode?data='+ input。IMEI_Number + ''/>';