サードパーティAPIを使ったバーコード生成

サードパーティAPIを使ったバーコード生成

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

Notes
メモ: このチュートリアルでは、バーコード／QRコードを生成するための回避策を説明しています。ただし、現在は Zoho Creator のバーコード／QRコード項目を使用して、これを直接実現できます。フォームビルダーからこの項目を直接追加して設定できるため、以下の手順よりもはるかに簡単に実装できます。

要件  

指定された IMEI（International Mobile Equipment Identity）番号を基に、サードパーティ API を使用してバーコードを生成します。

ユースケース  

ある携帯電話販売店が、注文管理アプリケーションを使って注文を管理しています。このアプリケーションには 「商品」というフォームがあります。商品がフォームに追加されると、対応するバーコードが自動的に作成され、 IMEI_barcode 項目にアップロードされます。店舗は後で、そのバーコードを携帯電話本体に貼り付けることで、IMEI 番号を素早く参照できます。

手順  

1. 次の内容で フォームを作成 します。 
フォーム
フォームリンク名
項目タイプ
項目名
項目リンク名
商品
商品
ドロップダウン
  • Apple
  • Samsung
  • One Plus
商品グループ
 
Product_Group
シングルライン
商品名
Product_Name
シングルライン
IMEI 番号
IMEI_Number
画像
IMEI Barcode*
IMEI_Barcode
メモ
メモを追加
 
 
* 画像項目の リンクから参照 オプションにチェックを入れてください。 画像項目の項目プロパティで設定できます。 これにより、アップロードしたいバーコード画像の URL を直接追加できます。
 
2. 次の内容で フォームワークフローを作成 します。
 
4. 新しいアクションを追加 をクリックし、次のスニペットを追加します。
  1. // サードパーティ API を呼び出してバーコードを生成し、そのリンクを画像項目にアップロードする img HTML タグを作成します
  2. input。IMEI_Barcode = '<img src=\'http://bwipjs-api.metafloor.com/?bcid=code128&text='+ input。IMEI_Number + '\'/>';

  4. // メモ項目を使用して作成したコードのプレビューを表示します
  5. input。メモ = '作成済み コード:<br><br><div><img src='http://bwipjs-api.metafloor.com/?bcid=code128&text='+ input。IMEI_Number + ''/><br/></div>';

動作を確認する         

注意事項  

  • このチュートリアルでは、目的の結果を得るために オープンデータソースのバーコード生成 API を使用しています。バーコードを生成するために、任意の API を使用できます。
  • 同じ手順は、 任意のコード付き画像を生成する 場合にも使用できます。たとえば、バーコードではなく QR コードを生成するには、次のスクリプトを使用します。
  1. input。メモ = '作成済み コード:<br><br><div><img src='https://qrcode.tec-it.com/API/QRCode?data='+ input。IMEI_Number + '' width='150'/><br/></div>';
  2. input。imageField = '<img src='https://qrcode.tec-it.com/API/QRCode?data='+ input。IMEI_Number + ''/>';