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

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

メモ: このチュートリアルでは、バーコード／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. 新しいアクションを追加 をクリックし、次のスニペットを追加します。

// サードパーティ API を呼び出してバーコードを生成し、そのリンクを画像項目にアップロードする img 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>';

動作を確認する

注意事項

このチュートリアルでは、目的の結果を得るためにオープンデータソースのバーコード生成 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 + ''/>';