Chromeウェブストアへ公開するには、拡張機能をChromeストアにアップロードするために、拡張機能を1つのZIPファイルにパックする必要があります。
https://chrome.google.com/webstore/category/extensions
次に、Googleの開発者ダッシュボードにログインし、設定でデベロッパーダッシュボードにアクセスします。最初に支払い手続きを行い、5ドルの一時的な料金を支払います。この料金を支払うと、最大20の拡張機能をアップロードできるようになります。
アップロードの際には、パッケージに必要なファイルのみを含めるように注意しましょう。パッケージには、ポップアップ、マニフェストファイル、アイコン、およびスクリプトが含まれます。
ZIPファイルをアップロードしたら、詳細な説明やアイコン、スクリーンショットなどの情報を入力します。また、カテゴリや価格設定なども指定します。拡張機能の価格設定については慎重に考える必要があります。
変更を公開すると、拡張機能は約1時間後にChromeウェブストアで利用可能になります。新しいバージョンを公開する場合も同じ手順を経て行います。このプロセスをまとめると、まず拡張機能をZIPファイルにパックし、Googleの開発者ダッシュボードにアップロードします。詳細な情報を入力し、価格設定やカテゴリなどを指定します。変更を公開すると、拡張機能がChromeウェブストアで利用可能になり、ユーザーは自動的にアップデートを受け取ります。
チェックポイント
バックグラウンドスクリプトは、インストールイベントとブックマークの保存イベントに対してリスンしています。インストールイベントでは、拡張機能が正常にインストールされたことをコンソールログに表示し、ブックマークが保存された場合にはアラートを表示します。これらは、リスンしているブラウザイベントの2つの例ですが、他にも多くのイベントをリスンすることができます。
次に、マニフェストファイルでコンテンツスクリプトを指定します。コンテンツスクリプトは、YouTubeの特定のページで実行されるスクリプトです。具体的には、ウェブページの読み込みが完了した時点で実行されます。コンテンツスクリプトでは、”window.onload” イベントにフックしてボタンを作成し、YouTubeのアイコンバー（idが”end”の要素）の前にボタンを挿入しています。また、”enable dark mode”という関数を実行するイベントリスナーも追加しています。この関数では、YouTubeの背景色を黒に設定しています。
そして、拡張機能が必要とするパーミッションを指定するpermissions配列があります。ブックマーク、ダウンロード、アクティブタブなど、拡張機能が必要とする機能に応じてパーミッションを追加します。
また、拡張機能のアイコンについても説明しました。アイコンは拡張機能ページや拡張機能パネルで表示されます。異なるサイズのアイコンを指定することができますが、ここでは16、48、128のサイズを同じアイコンで指定しています。
次に、ブラウザアクションについて確認します。ユーザーがアイコン上にカーソルを置くと、デフォルトのタイトルが表示され、ユーザーが拡張機能アイコンをクリックするとデフォルトのポップアップが表示されます。ポップアップページはHTMLを受け入れるため、画像やテキスト、ボタン、リンクなどの要素を表示することができます。
コメントを残す