Next.js アーカイブ - Planaria Work Log

適当にElasticsearchの処理をまとめておいて、 const elasticsearch = require(&#39;elasticsearch&#39;); const client = new elasticsearch.Client({ host: &#39;localhost:9200/&#39;, log: &#39;trace&#39; }); const index_name = &quot;memo&quot;; const max_size = 100; export async function save(type, data) { if(type[0] == &quot;mode&quot;){ const update = await client.update({ index: index_name, id: type[1], body: { doc:{ mode:data.mode, find:data.find } } }) }else if(type[0] == &quot;memo&quot;){ const add = await client.index({ index: index_name, body: { memo:{ message:data.message, created:data.created } } }) } } export async function load(type, str) { if(type == &quot;mode&quot;){ const search = await client.search({ index: index_name, body: { size : max_size, _source: [&quot;mode&quot;,&quot;find&quot;], query: { &quot;match_all&quot;: {} } } }) return createdata(search, type) }else if(type == &quot;memo&quot;){ if(str==&quot;&quot;){ const search = await client.search({ index: index_name, body: { size : max_size, _source: [&quot;memo&quot;], query: { &quot;match_all&quot;: {} } } }) return createdata(search, type) }else{ const search = await client.search({ index: index_name, body: { size : max_size, _source: [&quot;memo&quot;], query: { &quot;match&quot;: { &quot;memo.message&quot;: str } } } }) return createdata(search, type) } } } export async function del(data_id) { const del = await client.delete({ index: index_name, id: data_id }) } function createdata(params,key) { let datas = []; for(let i=0; i&lt;params.hits.hits.length; i++){ if(key==&quot;mode&quot;){ var data = {mode:params.hits.hits[i]._source.mode, find:params.hits.hits[i]._source.find} if(data.mode){ data[&quot;id&quot;] = params.hits.hits[i]._id; datas.push(data); } }else{ var data = params.hits.hits[i]._source[key]; if(data){ data[&quot;id&quot;] = params.hits.hits[i]._id; datas.push(data); } } } return datas; } 上記の関数を外から呼び出したりする。ただし、async/await を普通に使おうとすると怒られるので、useEffectで包む。 import React, {useState, useEffect} from &#39;react&#39; import * as ELController from&#39;./ELController&#39; const [mode, setMode] = useState({mode:&#39;default&#39;,find:&quot;&quot;, id:&quot;&quot;}) useEffect( () =&gt; { const f = async () =&gt; { const res = await ELController.load(&quot;mode&quot;, &quot;&quot;) setMode(res[0]) } f(); }, [] );

Next.js

声優・アニメキャラからASMR作品を横断検索できるWebツールを開発した話

Next.jsをNginxを使ってSSLで公開可能な環境作成

Elasticsearchメモ①

React(Next.js) + Elasticsearch の非同期処理