APIの非同期通信の方法を考える
JavaScriptはjQueryライブラリくらいしか使ったことがないので、
この機会にシンプルでデータバインディングに強い？と聞いたので、Vue.jsフレームワークを採用。
非同期通信はaxiosを使って行うことにしたい。
これでとてもシンプルに外部Webサービスから値を取得できるのでは…と思ったんだけれども…
APIキーの隠ぺいができない
Vue.jsであっても、JavaScriptである限りクライアントサーバ側の言語なのでどうしてもソースの隠ぺいができない。
ということは、APIキーがバレバレということ。これはちょっとまずいのでどうにか隠ぺいできる方法を検討してみる。
色々方法を探してみたところ、唯一見つけた”.env.localの環境変数にキーを格納する方法”もあるみたいだけれど、あまり情報が多くはなかったので今回は別の方法でやることに。
PHP+Vue.jsで実装する
過去、とある業務でjQuery+JAVAで非同期通信をできないか試したことがあったのを思い出したので、それの応用として、Vue.js+PHPで実装できるのではないかと。
画面側はVue.jsで非同期通信として検索処理を制御し、PHP側にAPIキーを含ませ、APIを実行。
今回は、この方法で実装していくこととする。
1 thought on “APIの非同期通信の方法を考える”