テキストからバーコードを生成

このセクションでは、クライアントアプリケーションを通してWeb APIサービスを呼び出し、目的のテキストからバーコード画像を生成する方法を具体的に示します。

次の図は、上記の手順を実行した後に生成されるバーコードを示しています。

次の例では、Web APIサービスをHTMLおよびWinFormsクライアントアプリケーションから呼び出します。これらのクライアントはサービスにGET要求を送り、サービスは応答としてバーコードストリームを返します。この応答ストリームは、上記のバーコード画像のように画像として保存されます。

次の例では、サービスURLはTextパラメータに1234567890を取り、エンコーディングタイプパラメータとしてCode39xを取って、上記の画像を生成します。

手順1：サービスを呼び出す

Web APIサービスを呼び出すには、次の手順を実行します。

C#
HTML

「REST APIサービスに対するクライアントの設定」の説明に従ってWinFormsアプリケーションを作成します。1つのC1Label、C1TextBox、および1つのC1Buttonコントロールを追加します。フォームが次のように表示されます。

以下に示すように、お使いのWinFormsアプリケーションのフォームクラスにメソッド（たとえば、GetBarcode()）を定義して、サービスアプリケーションを呼び出します。

C#	コードのコピー
public void GetBarcode() { var apiURL = string.IsNullOrEmpty(c1TextBox1.Text) ? "http://demos.componentone.com/ASPNET/C1WebAPIService/api/barcode?Type=Png&Text=1234567890&CodeType=Ansi39" : c1TextBox1.Text; WebRequest request = WebRequest.Create(apiURL); WebResponse response = request.GetResponse(); var fileStream = File.Create("D:\\BarcodeImg.Png"); //ここで指定するファイル形式は、要求URLに指定されたものと同じである必要があります response.GetResponseStream().CopyTo(fileStream); }

コードのコピー

public void GetBarcode()
{
var apiURL = string.IsNullOrEmpty(c1TextBox1.Text) ? "http://demos.componentone.com/ASPNET/C1WebAPIService/api/barcode?Type=Png&Text=1234567890&CodeType=Ansi39" : c1TextBox1.Text;
WebRequest request = WebRequest.Create(apiURL);
WebResponse response = request.GetResponse();
var fileStream = File.Create("D:\\BarcodeImg.Png");
//ここで指定するファイル形式は、要求URLに指定されたものと同じである必要があります
response.GetResponseStream().CopyTo(fileStream);
}

［バーコードを生成］ボタンのボタンクリックイベントで、GetBarcode()メソッドを呼び出します。

「REST APIサービスに対するクライアントの設定」の説明に従ってHTMLアプリケーションを作成します。

HTMLページの<body>タグ内の<form>タグに、以下のマークアップを追加します。

HTML	コードのコピー
<form action="http://demos.componentone.com/ASPNET/C1WebAPIService/api/barcode" method="GET"> <label for="fileFormat">File Format:</label> <input type="text" id="fileFormat" name="type" value="Jpeg" /> <br /><br /> <label for="text"> Barcode Text:</label> <input type="text" id="text" name="text" value="123456790"/> <br /><br /> <label for="codeType">Code Type:</label> <input type="codeType" id="codeType" name="codeType" value="Code39x"/> <br /><br /> <label for="backColor">Back Color:</label> <input type="backColor" id="backColor" name="backColor" value="White" /> <br /><br /> <label for="foreColor">Fore Color:</label> <input type="foreColor" id="foreColor" name="foreColor" value="Black"/> <br /><br /> <label for="captionPosition">Caption Position:</label> <input type="captionPosition" id="captionPosition" name="captionPosition" value="Below" /> <br /><br /> <label for="captionAlignment">Caption Alignment:</label> <input type="captionAlignment" id="captionAlignment" name="captionAlignment" value="Center" /> <br /><br /> <label for="CheckSumEnabled">CheckSum Enabled:</label> <input type="CheckSumEnabled" id="CheckSumEnabled" name="CheckSumEnabled" value="True" /> <br /><br /> <input type="submit" value="Generate Barcode"/> </form>

HTML

コードのコピー

<form action="http://demos.componentone.com/ASPNET/C1WebAPIService/api/barcode" method="GET">
        <label for="fileFormat">File Format:</label>
        <input type="text" id="fileFormat" name="type" value="Jpeg" />
        <br /><br />    <label for="text"> Barcode Text:</label>
        <input type="text" id="text" name="text" value="123456790"/>
        <br /><br />   
        <label for="codeType">Code Type:</label>
        <input type="codeType" id="codeType" name="codeType" value="Code39x"/>
        <br /><br />
        <label for="backColor">Back Color:</label>
        <input type="backColor" id="backColor" name="backColor" value="White" />
        <br /><br />
        <label for="foreColor">Fore Color:</label>
        <input type="foreColor" id="foreColor" name="foreColor" value="Black"/>
        <br /><br />
        <label for="captionPosition">Caption Position:</label>
        <input type="captionPosition" id="captionPosition" name="captionPosition" value="Below" />
        <br /><br />
        <label for="captionAlignment">Caption Alignment:</label>
        <input type="captionAlignment" id="captionAlignment" name="captionAlignment" value="Center" />
        <br /><br />
        <label for="CheckSumEnabled">CheckSum Enabled:</label>
        <input type="CheckSumEnabled" id="CheckSumEnabled" name="CheckSumEnabled" value="True" />
        <br /><br />   
        <input type="submit" value="Generate Barcode"/>
</form>

GET要求に関して、<form>タグのmethod属性にGET、およびそのaction属性にサービス要求URLを設定したことに注意してください。また、HTMLページに入力コントロールを作成します。これらのコントロールは、指定したテキストから目的の画像形式のバーコード画像を生成する各種のバーコードパラメータを取ります。

先頭に戻る

手順2：クライアントプロジェクトを実行する

WinFormsアプリケーション

［ビルド］→［ソリューションのビルド］をクリックして、プロジェクトをビルドします。
［F5］を押してプロジェクトを実行します。
Request URLフィールドに対応するテキストボックスに、適切なバーコードパラメータを含むクエリー文字列と共に、サービスURLを指定します。
［バーコードを生成］ボタンをクリックします。GetBarcode()メソッドで指定された位置に、生成されたバーコードの画像がダウンロードされます。

HTMLアプリケーション

HTMLファイルを保存し、それをブラウザで開きます。
意図したバーコード画像を得るためのバーコードパラメータを設定し、［バーコードを生成］ボタンをクリックします。

以下に示す、バーコードを生成するREST APIサービスのデモサンプルをご覧ください。

バーコード生成のライブデモ

先頭に戻る