Chromeの拡張機能の開発について

Question

Chromeの拡張機能の開発について質問があります。

「Clip to Evernote」という拡張機能のように
下記の機能を持った拡張機能を作成したいと思っています。

アドレスバー横の拡張機能のボタンを押した時に・・・
・ポップアップでログイン画面が表示され、ログインする
・ログインが完了すると、拡張機能の諸々の機能を利用できるようになる
・拡張機能で収集した保存したいデータはwebサービス(自分で作成)のサーバーに保存する

初心者ですが勉強のためになんとかこの拡張機能を作りたいです。
一部だけでもヒントをいただけると助かります。

・ポップアップのログイン画面は、webサービス側のログイン画面を読み込んでいるのか、それとも拡張機能側のhtmlでログイン機能もchrome extensionのなんらかの機能を使用しているのか
（・ログインの有無はchrome extensionの何と紐づけたら良いのか）
・拡張機能で収集した保存したいデータは、google.storageではなく
webサーバーに保存する方法はどうしたら良いか。「メールで送信」のような形で送信処理をしているのか

Answer 1

Chrome拡張は基本的にはhtml,css,jsで作る普通のweb。

拡張作る前にJSからWebAPIを呼び出す辺りの知識が必須。
もはや当たり前過ぎてajaxともわざわざ呼ばないけどajaxの知識。

ajaxさえ理解していれば拡張作るのは簡単。

ログイン画面はhtmlで作ってJSでpost。
webサーバーへの保存もJSでpost。
やることなんて全部ajax。

Comments

[su-san-w]

ajax・・・ですね。ありがとうございます。
豊富な知識がある方は、何の知識があればゴールが達成できるのか即わかるので
本当に脱帽です。ありがとうございます！よく調べて実装したいと思います。