spanner fts demo

Demoção de pesquisa de texto completo

Visão geral

spanner-search-demo é um aplicativo da Web que permite que os usuários executem pesquisas de texto e visualizem os resultados. O aplicativo é construído usando o vue.js para o front -end e opte pelo back -end. Este aplicativo foi projetado para mostrar os recursos de pesquisa de texto completo do Cloud Spanner.

Pré -requisitos

• Node.js (versão 20 ou posterior)
• Golang (versão 1.23.0)
• Google Cloud Project With Cloud Spanner habilitado
• Conta de serviço com permissões para acessar o Spanner (consulte https://cloud.google.com/iam/docs/creating-managing-service-accounts)

Configuração do projeto

Instalar dependências

Para instalar as dependências necessárias, execute:

npm install

Compilam e reloades quentes para desenvolvimento

Para iniciar o servidor de desenvolvimento com reloadia a quente, execute:

npm run serve

O aplicativo da web pode ser acessado das seguintes maneiras:

  App running at:
  - Local:   http://localhost:3000/
  - Network: http://192.168.0.192:3000/

Compila e minifica para a produção

Para construir o projeto para produção, execute:

npm run build

Configuração de back -end

Instale as dependências Go

Certifique -se de instalar. Em seguida, instale as dependências GO necessárias em execução:

go mod tidy

Importar dados de amostra para Spanner em nuvem

Crie uma instância, banco de dados e tabela Spanner.

 CREATE TABLE Restaurants (
  id STRING(MAX) NOT NULL ,
  dateAdded TIMESTAMP OPTIONS (
    allow_commit_timestamp = true
  ),
  dateUpdated TIMESTAMP OPTIONS (
    allow_commit_timestamp = true
  ),
  address STRING(MAX),
  categories STRING(MAX),
  primaryCategories STRING(MAX),
  city STRING(MAX),
  country STRING(MAX),
  keys STRING(MAX),
  latitude FLOAT64,
  longitude FLOAT64,
  name STRING(MAX),
  postalCode STRING(MAX),
  province STRING(MAX),
  sourceURLs STRING(MAX),
  websites STRING(MAX),
  name_token TOKENLIST AS (tokenize_fulltext(name)) HIDDEN,
  categories_token TOKENLIST AS (tokenize_substring(categories)) HIDDEN,
  city_Tokens TOKENLIST AS (TOKENIZE_FULLTEXT(city)) HIDDEN,
) PRIMARY KEY (id);;

Crie o índice para pesquisa completa de texto

CREATE SEARCH INDEX RestaurantsIndex ON Restaurants(name_token, categories_token);

Use os dados de dados de dados de fast food em toda a América e importe-os para a Sprafner em nuvem para demonstrar seus recursos de pesquisa de texto completo. Edite import.go para definir suas configurações de chave de chave.

go run main.go -import -file=Datafiniti_Fast_Food_Restaurants_Jun19.csv

Execute o servidor de back -end

Para iniciar o servidor de back -end, edite main.go para definir suas configurações de spanner e, em seguida, execute o seguinte comando:

go run main.go

Configuração do front -end

Usando o aplicativo

Executando uma pesquisa

1. Abra o aplicativo em seu navegador da web.
2. Digite sua consulta de pesquisa na barra de pesquisa.
3. Clique no botão "Pesquisar" para executar a pesquisa.

Visualizando os resultados da pesquisa

Os resultados da pesquisa serão exibidos abaixo da barra de pesquisa. Cada resultado inclui detalhes como país, cidade, nome, endereço, sites e categorias.

Depuração

Imprimir consulta executada

O aplicativo imprime a consulta SQL executada no console para fins de depuração. Isso ajuda a verificar a correção da consulta.

Resultados da pesquisa de impressão

O aplicativo também imprime cada resultado de pesquisa no console. Isso ajuda a verificar a correção dos resultados da pesquisa.

Estrutura de diretório

 project-root/
├── main.go
├── importer/
│   ├── import.go
├── search/
│   ├── search.go
│   └── results.go
├── public/
│   ├── index.html
├── src/
│   ├── assets/
│   │   └── tailwind.css
│   ├── App.vue
│   └── main.js
├── babel.config.js
├── postcss.config.js
├── tailwind.config.js
├── package.json
├── README.md
└── vue.config.js

Informações adicionais

Tailwind CSS

O projeto usa CSS de Tailwind para estilo. Certifique -se de que a configuração CSS do Tailwind está configurada corretamente em Tailwind.config.js e postcss.config.js.

Configuração do VUE

A configuração do VUE é definida em vue.config.js, que define a porta do servidor de desenvolvimento e outras configurações.