chrome拡張でローカルサーバーに結果を保存できるところまで実装

連休初日、6時間費やす

苦労した甲斐あって、Docker-composeで構成したMySQL上にめでたくデータを格納することに成功。

いくつかどハマりした箇所があったので挙げておく。

CORS問題

e-typingサイト上でchrome拡張を動かしており、そこからローカルサーバに通信しようとすると、CORSが発生する。

manifest.jsonでpermissionを記述する

通信先のサーバをpermissionsに記述することで回避できる。

{
"中略":"",
"permissions": [
    "http://localhost:3000/"
  ],
}

fetchは変数名とプロパティが同じ!?

ソース上の変更点

fetchでPOSTする際に変数でencodedBodyなどと記述していたが、
nodeJS側でリクエストボディがemptyとなる状況が発生。
リクエストボディはbodyという変数で送らないと認識されない模様。
(根拠はまだ探していない)

残りタスク

あまり時間がないので使い方は後日書きます。
ソースを読んでそのまま使えそうな方はそのままお使い下さい（笑

• ReactJSによるフロントUI実装
• ReactJSで使用するデータの取得API(NodeJS)