Chrome extensionを利用してシリアル通信を行うにあたり

Question

いつもお世話になっております。

Webページで、外部デバイスからserial通信にてデータを取得して
取得された内容を、JavaScriptに渡して、Ajaxにて通信を行おうと考えております。

もう少し具体的に説明しますと、Windows機のPCにバーコードリーダーをシリアルモードで接続して、COMポートから
データを読取り、JavaScriptにデータを渡そうと考えております。

extensionのタイプは、多く分けて3つあるかと思います。

Overview

利用イメージとしては、Webページを開いたらバーコードリーダーをかざすと、
読み取ったバーコードに応じて、Javascriptが起動するイメージです。

extensionの多くが、ツールバーやアドレスバーのアイコンをクリックしてから、
利用するイメージが強いのですが、対象のページが開いたら、クリック等のアクションをさせずに、
extensionの機能をすぐに利用させることは可能でしょうか？

これから、調査し制作していくにあたり、実現可能かどうか、教えて頂きたくいつもさせて頂きました。

すべてのドキュメントを読み切れておりませんが、可能であれば、
チャレンジしたいと考えております。

お手数をおかけしますが、ご教授よろしくお願いします。

Answer 1

対象の Web ページから extension を呼び出すというだけでしたら、その Web ページの JavaScript から対応する Chrome extension に message を投げてやれば良いと思います。具体的には、次の公式ドキュメントにあるように、 extension の manifest.json 内で externally_connectable.matches へと対象の Web ページを追加しておけば、 Web ページから chrome.runtime.sendMessage() や chrome.runtime.connect() といった API で extension 側へメッセージを投げることができるようになりますから、 extension 側ではそれを受け付ける Event pages を用意しておくという格好です。

Message Passing - Sending messages from web pages

manifest.json

{
    ...
    "background": {
        "scripts": ["eventPage.js"],
        "persistent": false
    },
    "externally_connectable": {
        "matches": [
            "https://your.site.com/barcode.html"
        ]
    }
}

eventPage.js

chrome.runtime.onMessageExternal.addListener(
    function (message, sender, sendResponse)
    {
        console.log('message:', message.messageKey);
        sendResponse({responseKey: 'responseString'});
    }
);

barcode.html

var extensinId = 'your_extension_id_abcdefgh';

chrome.runtime.sendMessage(
    extensionId,
    {messageKey: 'messageString'},
    function (response)
    {
        if (arguments.length == 0) {
            alert(chrome.runtime.lastError);
            return;
        }

        console.log('response:', response);
    }
);

※実際に双方向で通信する場合は、 chrome.runtime.connect() を使うことになると思います

ただ残念なことに、 COM ポートに接続するのが難しいかもしれません。 Chrome には Serial API が存在するのですが、これは Chrome App 用であって、 extension からは使用することができません。そして、 Chrome App は Chrome OS 以外でのサポートを段階的に終了していっている最中 であり、来年には Chrome OS 以外では Chrome App は起動すらしなくなってしまう予定だからです。

ではどうするかというと、恐らく Native Messaging API を使うことになるのではないでしょうか。こちらの API では、 OS ネイティブの実行可能ファイルを extension から呼び出して別プロセスで実行し、標準入出力経由で相互にやり取りができるようになります。これを使って、別途用意した COM ポート操作用の exe ファイルを叩くという格好です。

他にも方法はあるのかもしれませんが、ちょっと私には思い当りませんでした。 USB デバイスであれば WebUSB が使えるかもしれませんが、さすがに実験的すぎますし、 PPAPI では COM ポートは使えないようですし…。何か腹案をお持ちでしたら、教えて頂けると嬉しいです。