Nuxt + Firebase + Elasticsearch 勉強用Qiita まとめ
NuxtでFirestoreとElasticsearchを使いたかったのでその際に勉強になったサイトをまとめておきます。
シンプルにFirestoreを導入したい場合
storeで使えるのはindex.js
のみ
Nuxt.js + Firebase Authentication + FireStoreでwebアプリケーションハンズオン
VuexFileでFirestoreを導入したい場合
storeのファイル名をindex.js
以外の名前にする場合VuexFile
が必要になります。
storeを分けて使いたい場合はこちらがおすすめ
VuexFireでNuxt.jsアプリに一瞬でFirestoreを導入する
2019/10時点でVuexFile
の仕様が変わってるため下記のサイトを参考に
Nuxt×vuexfireでちょっとハマった
VuexFireを使おうと過去のサンプルをコピペしたらはまった話
index.js
にmutationを書くところ、firebase
ではなくfirestore
と書くところあたりです。
*FirebaseとElasticserchを使いたい場合
天網恢恢疎にして漏らさず全文検索 ~firestore + Elasticsearch + react native~
Elasticserch
Elasticsearchの基本
これらのサイトを見れば基本的な使い方、機能は理解できます。
初心者のためのElasticsearchその1
初心者のためのElasticsearchその2
初心者のためのElasticsearchその3 -node.jsからアクセスする-
*Homebrewでのインストール
Elasticsearchのインストール
/// 起動コマンド
$ cd /usr/local/var/homebrew/linked/elasticsearch-full
$ bin/elasticsearch
kibanaのインストール
/// 起動コマンド
$ cd /usr/local/var/homebrew/linked/kibana-full
$ bin/kibana
Elasticserch | 意味 | RDBMSで例えると |
---|---|---|
Index | データの保管場所 | Database |
type | table | |
field | データ型 | カラム |
document | データの本体 | レコード |
インデックスの作り方
$ curl -X PUT http://localhost:9200/firebase_user?pretty
query
こちらの記事が参考になります
Author And Source
この問題について(Nuxt + Firebase + Elasticsearch 勉強用Qiita まとめ), 我々は、より多くの情報をここで見つけました https://qiita.com/ywzx/items/35f978e8e330c817514d著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .