---
description: モバイル署名パッドをアプリケーションに統合します。 モバイルデバイスで署名を描画すると、Webアプリケーションのe-fromの署名フィールドに送信されます。
---

# QRリンクを利用したモバイル署名

## 利点 <a href="#benefits" id="benefits"></a>

* 署名者が自分のデバイスを利用するため、身分証明を強化します。
* 別途の署名用モバイルアプリが必要ありません。
* QRコードリンクで動作します。
* タイムリミットでセキュリティーを確保します。

## How it works <a href="#how-it-works" id="how-it-works"></a>

1. 👉 [Sample registration form](http://oz.ozeform.io/oz/guide/qrsign/open-form.html)​ を開いてください。
2. 署名項目をクリックします。 The Create Signatureダイアログが表示されます。
3. WEBタブの基本サインパッドでは、直接署名することが可能です。
4. モバイルデバイスで署名をする場合には、MOBILEタブに移動します。
5. QRコードをスキャンし、リンクを開きます。
6. 署名した後、OKで提出します。
7. 署名ダイアログにユーザーが作成した署名が表示されます。
8. OKをクリックします。

## インストール <a href="#installation" id="installation"></a>

### ダウンロード <a href="#download" id="download"></a>

{% file src="https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MQLjBctJFEPA8L3dnJY%2F-MQLjKdckcgm2rwD80F0%2Fqrsign.zip?alt=media&token=114afe24-ec79-40e9-9472-17ff4eb5bb02" %}
qrsign.zip
{% endfile %}

{% file src="https://1097513732-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LwWWN-Gla4aA9ONdCK6%2F-MQLjBctJFEPA8L3dnJY%2F-MQLjPAhROmg1bhKmP3B%2Flib.zip?alt=media&token=321101f5-f44f-4a36-8f2e-fcc1cc716663" %}
lib.zip
{% endfile %}

下記のようにファイルが含まれています。

| ファイル                      | 説明                                                  |
| ------------------------- | --------------------------------------------------- |
| ajax.js                   | jQuery AJAXメソードの定義                                  |
| open-form.html            | e-formサンプルを開き、Signatureダイアログを表示し署名を取得します。           |
| ozviewer.init.js          | ビューアオプションを設定し、ビューア実行します。                            |
| modal.viewer.js           | SignatureダイアログのUIを制御します。                            |
| form.sign.receiver.js     | QRSignServletから署名データを取得し、modal.controller.jsに伝送します。 |
| modal.controller.js       | 署名コンポーネントに署名値を入力します。                                |
| mobile-sign.html          | サインパッドのためのモバイルページです。                                |
| mobile.sign.controller.js | QRSignServletに署名値を伝送します。                            |
| qrcode.min.js             | canvasタグにQRコードを生成するためのライブラリです。                      |
| OZSignLib.js              | canvasタグに署名を表示するためのライブラリです。                         |
| report-page.html          | OZレポートの宣言ページです。CSS設定間の矛盾を防ぐために存在します。                |
| qrsign.jar                | QRSignServletを実装します。                                |
| json-simple-1.1.1.jar     | The library used in qrsign.jar for JSON parse.      |

### QRSignServlet定義の追加 <a href="#adding-qrsignservlet-definition" id="adding-qrsignservlet-definition"></a>

web.xmlに下記のようにQRSignServlet定義を追加します。

```markup
<servlet>		
    <servlet-name>QRSignServlet</servlet-name>
    <servlet-class>QRSignServlet</servlet-class>
</servlet>

<servlet-mapping>
    <servlet-name>QRSignServlet</servlet-name>
    <url-pattern>/guide/qrsign/sign/*</url-pattern>
</servlet-mapping>
```
