サードパーティAPIを使用してバーコードを生成する

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

要件

指定されたIMEI（海外モバイルEquipment Identity）番号を使用し、サードパーティAPIでバーコードを生成します。

ユースケース

モバイルストアが順番管理アプリケーションを利用して注文を管理しています。このアプリケーションには「商品」というフォームがあります。商品がフォームに追加されると、対応するバーコードが自動的に作成され、「IMEI_barcode」項目にアップロードされます。店舗では、後でバーコードをモバイル電話番号に添付し、IMEI番号を迅速に取得できます。

動作方法を見る

手順

1. フォームを作成し、以下の詳細を入力します。

フォーム	フォームリンク名	項目種別	項目名	項目リンク名
商品	商品	ドロップダウン Apple Samsung One Plus	商品グループ	Product_Group
		Single 折れ線グラフ	商品名	Product_Name
		Single 折れ線グラフ	IMEI 番号	IMEI_Number
		画像	IMEIバーコード*	IMEI_Barcode
		メモ	追加メモ

* 画像項目の項目プロパティからリンクのbrowseオプションを確認してください。画像項目の項目プロパティで確認できます。これにより、アップロードしたいバーコード画像のURLを直接追加できます。

2. ワークフローを作成し、以下の詳細を設定します。

4. 新しく追加する操作をクリックし、下記のスニペットを追加します。

//サードパーティAPIを呼び出してバーコードを生成し、画像項目にリンクをアップロードする画像HTMLタグを作成します
input.IMEI_Barcode = 'http://bwipjs-api.metafloor.com/?bcid=code128&text='+ input.IMEI_Number + '\'/>';
//メモ項目を使って作成済みコードのプレビューを表示します
input.メモ = '作成済みコード:

+ input.IMEI_Number + ''/>

';

動作方法を確認

メモすべきポイント

このチュートリアルではオープンデータソースのバーコード生成API を利用して目的の結果を実現しています。バーコードを生成するAPIはご希望のものを使用できます。
同じ手順で任意のコード化された画像を生成することも可能です。例えば、バーコードの代わりにQRコードを生成する場合は、下記のスクリプトをご利用ください:

input.メモ = '作成済みコード:

+ input.IMEI_Number + '' width='150'/>

';
input.imageField = '+ input.IMEI_Number + ''/>';