Remix.run::CRUD com Supabase - Parte 03 - Remix 없이 Supabase 클라이언트 구성

튜토리얼의 일부는 Supabase의 API에서 허용되지 않는 구성을 구성하는 데 사용됩니다.

📑 Criando o arquivo .env

파소 01

1) Vá ao Dashboard do Supabase (https://app.supabase.io/ ) e entre no seu projetoRemix Blog Supabase2) Na barra lateral, clique no menu Settings (⚙️), depois em API e deixe a janela aberta
3) Vá até a raiz do seu projeto.


파소 02

Na raiz do projeto cry o arquivo .env com seguintes variáveis:

SUPABASE_URL; e

SUPABASE_KEY.

Passo 03 - Definindo o valor da variável SUPABASE_KEY
1) Na janela do Dashboard do Supabase, aquela que deixamos aberta, observe que dentro do formulário Project API Keys existe o campo anon public , clique no botão copy para capturar o valor dele
2) Agora cole o valor copiado para a variávelSUPABASE_KEY no seu arquivo.env .


Passo 04 - Definindo o valor da variável SUPABASE_URL
Ainda no Dashboard do Supabase는 공식의 존재 여부를 관찰합니다Configuration. Agora precisamos copiar o valor do campo URL , para isto clique no botão copy e cole o valor copiado para a variável SUPABASE_URL no seu arquivo .env .

Arquivo .env가 다음과 같이 결정된 경우 다음과 같이 결정됩니다.

SUPABASE_URL='https://asxwozcalashinicovpv.supabase.co'
SUPABASE_KEY='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.ewogICJpc3MiOiAic3VwYWJhc2UiLAogICJyZWYiOiAiYXN4d296Y2FsYXNoaW5pY292cHYiLAogICJyb2xlIjogImFub24iLAogICJpYXQiOiAxNjQ3NzAyMTkxLAogICJleHAiOiAxOTYzMjc4MTkxCn0=.MTPNt7yEGWOvkORubeHDlvEGfH8ZAZcuHq5T878Foec'

*Os dados acima são fictícios, portanto não irão funcionar no seu projeto, substitua os dados com os seus! 😀

⚡️ Criando o cliente do Supabase

Dentro da 파스타 app , crie uma subpasta como o nome utils e dentro dela crie o arquivo supabase-client.server.ts , que ficará assim:

//supabase-client.server.ts
import { createClient } from '@supabase/supabase-js'

const supabaseUrl = process.env?.SUPABASE_URL as string
const supabaseKey = process.env?.SUPABASE_KEY as string

export const supabase = createClient(supabaseUrl, supabaseKey)

Pronto, nossa conexão com o banco de dados já está pronta, na parte 04 iniciar nosso CRUD propriamente dito.

엠 브리브!

Parte 04 - 신규 등록 및 신규 등록

Parte 05 - Trabalhando com 공식

Parte 06 - 신규 등록 등록 테스트