Vue.js、firebase、RDBを使ったWebアプリケーション開発の実現可能性

Question

Webアプリケーションを開発していて、AWSでのデプロイにつまずいて、firebaseにたどり着いた者です。

現在、Vue.jsを用いて開発したWebサイト(DBなし)を作成し、firebaseでデプロイすることができました。

次に開発したいものが、DBとの連携を必要とするWebアプリケーションなのですが、仕様上どうしてもRDB(MySQL)が必要です。

firebaseのDBはNoSQLであり、RDBとは異なる設計をしないといけないようなのですが、慣れていて便利なMySQLを利用したいと考えています。

そこで考えたのが、Vue.jsに直接MySQLへアクセスさせる方法です。

例えば、MySQLをインストールしたAWSサーバー(EC2インスタンス)にDBのみを置き、Vue.jsでそのDBにアクセスするよう処理を書いて、デプロイ自体はfirebaseで行うといった方式です。

ただ、当方インフラ周りが特に苦手で、以下の懸念点があります。

• そもそもVue.jsがEC2インスタンスにあるMySQLサーバーにアクセスできるのか
• 上記が可能だとして、firebaseでデプロイしたVue.jsが別サーバーのDBにアクセスするという流れはセキュリティ面でどうなのか

この2点についてご教授いただけたらと思います。

また、可能であれば、

• Vue.jsがEC2インスタンスにあるMySQLのDBにアクセスする方法
• AWS側でするべき設定(例えば、VPC関連)

もご教授いただけると幸いです

Comments

[退会済みユーザー]

> そもそもVue.jsがEC2インスタンスにあるMySQLサーバーにアクセスできるのか

MySQLサーバーがどこからでもアクセスを許容する設定なら、不可能ではありません。Vue.jsに限らず、ブラウザ上のJavaScriptからDBにアクセスする方法はありますから。単にpure javascriptで書かれたdatabase driverがあればいいだけです。

ただ、現状の実際に稼働しているRDBMSで、あらゆるIPからアクセスを許容しているものは稀だと思います。WebアプリやAPIサーバー経由で比較的近いところにあるRDBMSにアクセスすることで、RDBMSの暗号化や認証を緩めにし、負荷を抑えているからです。もしあらゆるIPからアクセスを許容するのであれば、RDBMSは高いセキュリティレベルを維持しないといけなくて、MySQLでもsslくらいはしないといけないと思います。実際に使ったことはありませんが、JavaScriptのドライバ実装でもsslに対応してるものはあると思います。従って不可能ではないのですが、難易度は高目かな、と思います。postgresならherokuとかであるので、そういう使い方の人も比較的いるかもしれません。

> 上記が可能だとして、firebaseでデプロイしたVue.jsが別サーバーのDBにアクセスするという流れはセキュリティ面でどうなのか

セキュリティ上は設定次第でcorsに引っかかる可能性はありますが、サービスの提供者が自分なら、許可してしまえばいいだけなので、問題ありません。

> Vue.jsがEC2インスタンスにあるMySQLのDBにアクセスする方法

https://github.com/mysqljs/mysql

> AWS側でするべき設定

使ってないので知りません

■他の点について
・firebaseがあるのにRDMBSを使うのはどうか？

問題ないです。firebaseを使用したら他のサービスを利用しない方がいいかと問われてNoと答える人は稀だと思います。今回はAPIの部分をクライアント側で実装し、剥き出しのRDBMSを使うだけなので、他のサービス利用に問題がなければ自動的に問題ない、というのが答えになります。

firebaseの良さは、認証できるところと、DB側から通知が可能なことです。普通のRDBMSはレコードの通知をアプリケーションに知らせることは出来ません(稀にありますが...)、例えばチャットアプリを作って、メッセージの追加をしたら、全員に通知が行く、みたいな実装を簡単に出来るわけです。RDBMSで言えばINSERT/UPDATEをしたら、全員に通知する、というような使い方ですよね。これがないと(APIサーバーなど仲介者がいない場合)、ポーリングでDBの監視をしないといけなくなってしまいます。これは効率的ではありません。と、いうわけで、firebaseのようなサービスをRDBMSと比較して、一方があれば一方が要らないみたいな話をするのはナンセンスなわけです。

Answer 1

まず、Vue.jsが動くのはサーバ上ではなくクライアント上です。
なので、そこからDBにアクセスさせるとなると、サイトにアクセスしてるユーザがクライアントから直接DBにアクセスすることになります。
クライアントから直接DBにアクセスさせるのは、やろうと思えば出来ますがセキュリティ的にはアウトもアウトでしょう。
DBの認証情報をクライアントに渡すことになりますからね。
普通はAPIサーバを立ててそこを経由してアクセスさせるかと思います。

そして、それをやるならわざわざfirebaseを使う理由がないと思います。（うまい方法があって自分が知らないだけだったら申し訳ないですが…）
firebaseのメリットはバックエンドを気にせずにフロントの部分だけの実装でバックエンドはfirebaseがよしなにやってくれることだと思っているのですが、RDBにアクセスさせるとなるとバックエンドの作り込みが必要になってきます。
そうすると、firebaseに任せられることって何？という話になりますね。
（補足をしておくと、push通知や認証周りなど、任せられることは他にもあります。）

AWSにもAmplifyという、AWS内の複数のサービスを組み合わせてfirebaseのようにバックエンドを気にせずにフロントの部分を実装してデプロイできるサービスがあるのですが、これに関してもRDBと連携させようとすると作り込みが必要なのは現状まだ変わっていないようです。
バックにAppSyncを使えて、AppSyncはRDSと連携できたはずなのでやろうと思えばできなくはないかもしれませんが、実用的にどこまで使えるかは自分はちょっとわかりません。

ということなので、やるべきだと思うのは

• バックエンドとしてAPIサーバ（サーバでなくてもいいですが）を構築する

かなと。
構築の方法は多々ありますが、多くのWEBアプリケーションフレームワーク（Rails,Laravelなど）はAPIを構築するようになっています。