用 Supabase CLI 进行本地开发环境搭建

文章目录

  • （零）前言
  • （一）Supabase CLI
    • （1.1）安装 Scoop
    • （1.2）用 Scoop 安装 Supabase CLI
  • （二）本地项目环境
    • （2.1）初始化项目
    • （2.2）登录
    • （2.3）关联本地/远程项目
    • （2.4）拉远程项目
    • （2.5）本地项目启停
  • （三）本地和远程的区别
    • （3.1）限制和注意事项
    • （3.2）Next.js应用的Supabase配置

（零）前言

在《用 Next.js 和 Supabase 进行“全栈”开发的入门》中，我搭(抄)建(袭)了一个类似论坛雏形的东西。
后端用了Supabase官方提供的托管服务，免费的那种方案。

虽然仅仅是学习，但由于它提供的服务基于AWS，没有可选中国的（近点的有：孟买，新加坡，东京，首尔）。
所以每次后台操作都会很慢，执行个查询SQL大概3-5秒，最不能忍受的是，时不时的断线几分钟无法访问。
搞得我不知道是js的问题，还是网络慢。所以想在本地弄套环境，省心。
在这里插入图片描述

（一）Supabase CLI

概念：

  • 💡CLI = Command Line Interface，就是命令行交互，与之对应有GUI图形界面交互。

官网文档关于CLI部分在这里。简单说它是提供了一系列工具，用于在本地开发项目、部署、处理数据库迁移以及直接从数据库架构生成类型等。

那么CLI和官网提到的Docker本地托管方式有啥区别呢？
其实CLI装的Supabase用的也是Docker，它不仅仅能管本地的部署，还能链接到官网托管的项目。当你需要项目迁移一类的时候，用起来就会非常方便（开发）。
而Docker本地托管似乎真的全在本地（运维）。

安装Supabase CLI（在Windows下）需要Scoop，所以……

（1.1）安装 Scoop

根据Scoop项目的描述，需要用Powershell来安装。

> Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
> Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression
Initializing...
Downloading...
Creating shim...
Adding ~\scoop\shims to your path.
Scoop was installed successfully!
Type 'scoop help' for instructions.

（1.2）用 Scoop 安装 Supabase CLI

只需要两步然后就全靠网速了。

> scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
Checking repo... OK
The supabase bucket was added successfully.

> scoop install supabase
Installing '7zip' (23.01) [64bit] from 'main' bucket
7z2301-x64.msi (1.8 MB) [======================================] 100%
Checking hash of 7z2301-x64.msi ... ok.
Extracting 7z2301-x64.msi ... done.
Linking ~\scoop\apps\7zip\current => ~\scoop\apps\7zip\23.01
Creating shim for '7z'.
Creating shim for '7zFM'.
Making C:\Users\Shion\scoop\shims\7zfm.exe a GUI binary.
Creating shim for '7zG'.
Making C:\Users\Shion\scoop\shims\7zg.exe a GUI binary.
Creating shortcut for 7-Zip (7zFM.exe)
Persisting Codecs
Persisting Formats
Running post_install script...
'7zip' (23.01) was installed successfully!

Installing 'supabase' (1.165.0) [64bit] from 'main' bucket
supabase_windows_amd64.tar.gz (11.6 MB) [=====================] 100%
Checking hash of supabase_windows_amd64.tar.gz ... ok.
Extracting supabase_windows_amd64.tar.gz ... done.
Linking ~\scoop\apps\supabase\current => ~\scoop\apps\supabase\1.165.0
Creating shim for 'supabase'.
'supabase' (1.165.0) was installed successfully!

（二）本地项目环境

（2.1）初始化项目

新建个目录，进到目录里面，执行：

> supabase init
Generate VS Code settings for Deno? [y/N] y
Generated VS Code settings in .vscode\settings.json. Please install the recommended extension!
Finished supabase init.

（2.2）登录

t> supabase login
Hello from Supabase! Press Enter to open browser and login automatically.

Here is your login link in case browser did not open 
https://supabase.com/dashboard/cli/login?session_id=xxxxxxxx&token_name=yyyyyyyy&public_key=zzzzzzzzzz

Token yyyyyyyy created successfully.

You are now logged in. Happy coding!

登录时会打开浏览器窗口，下面这个就是成功了，然后关闭这个页面。
如果没有自动打开浏览器，就用上面的那个URL吧（我这没出现这种情况）。
在这里插入图片描述

（2.3）关联本地/远程项目

从官网找到你的项目，然后设置里面看它的ID。
密码是创建项目时输入的，平时都没有用到，希望别忘了……

> supabase link --project-ref 你的项目ID
Enter your database password (or leave blank to skip):
Connecting to remote database...
Finished supabase link.
Local config differs from linked project. Try updating supabase\config.toml
[api]
enabled = true
port = 54321
schemas = ["public", "graphql_public"]
extra_search_path = ["public", "extensions"]
max_rows = 1000

（2.4）拉远程项目

💡这一步就需要用到docker了。

因为我之前的docker都是在linux下，所以现安装了个Windows下的docker desktop。
安装时默认选用WSL2，然后还需要重启系统。

装好后启动它，这样docker引擎就启动了，我们可以继续执行指令：

> supabase db pull

Connecting to remote database...
15.1.1.41: Pulling from supabase/postgres
17d0386c2fff: Pull complete
ec8061954605: Pull complete
e54d94900333: Pull complete
3be4d2664419: Pull complete
5d3911bdcee3: Pull complete
33719a05f4ef: Pull complete                                                                                                                                                                                       cd5341e6fcf9: Pull complete
083e9066a8a9: Pull complete
Pull complete ma from remote database...
c5573b8f6e79: Pull complete
8e4d4e9e7ffa: Pull complete
7819f3b4135b: Pull complete
bfb56fc535a5: Pull complete
8745eb852041: Pull complete
90bb658328ea: Pull complete
883d9b8ba5fc: Pull complete
de3891c7e975: Pull complete
4d1c60b79844: Pull complete
bc35e3236cd4: Pull complete
247f832137f9: Pull complete
f8853832fdf5: Pull complete
6e9addf2cb83: Pull complete
fcd0db09bbd6: Pull complete
8e2074a64d8c: Pull complete
Digest: sha256:b954155da45d6ac4cde6c9b681e9b4867eedec4c7b6944aca99828d7d8add095
Status: Downloaded newer image for public.ecr.aws/supabase/postgres:15.1.1.41
Schema written to supabase\migrations\20240511114033_remote_schema.sql
Update remote migration history table? [Y/n] y
Repaired migration history: [20240511114033] => applied
Finished supabase db pull.
The auth and storage schemas are excluded. Run supabase db pull --schema auth,storage again to diff them.

可以看到提示auth和storage的schema是被排除掉的。

（2.5）本地项目启停

首次启动又是考验网速的时候，需要pull很多东西（的docker镜像？）下来。
比如postgres,realtime,gotrue……等等。日志太长了就不写在下面啦。

当然，再次启动就会快很多。

> supabase start
......
......
......
Started supabase local development setup.

         API URL: http://127.0.0.1:54321
     GraphQL URL: http://127.0.0.1:54321/graphql/v1
  S3 Storage URL: http://127.0.0.1:54321/storage/v1/s3
          DB URL: postgresql://postgres:postgres@127.0.0.1:54322/postgres
      Studio URL: http://127.0.0.1:54323
    Inbucket URL: http://127.0.0.1:54324
      JWT secret: super-secret-jwt-token-with-at-least-32-characters-long
        anon key: xxxxxxxx
service_role key: xxxxxxxxxxxx
   S3 Access Key: yyyyyyyyyyyyyyyyyyy
   S3 Secret Key: yyyyyyyyyyyyyyyyyyyyyyyyy
       S3 Region: local

成功后就可以用了。
先进入Studio URL: http://127.0.0.1:54323看看本地项目情况。
在这里插入图片描述

还可以在docker desktop里看到启动的容器。
全部在我新建项目的目录Test里面呢。
在这里插入图片描述

用完后记得停止。
停止项目环境：

> supabase stop
Stopped supabase local development setup.
Local data are backed up to docker volume. Use docker to show them: docker volume ls --filter label=com.supabase.cli.project=Test

这时候再看docker里面的容器全都没了，是的容器都没了而不是停止了。
上面CMD里面也提示了使用了volume来保存数据，不用担心容器删了数据丢了。

（三）本地和远程的区别

（3.1）限制和注意事项

官方表示本地开发环境不如 Supabase 平台功能齐全。以下是一些区别：

  • 您无法在仪表板中更新项目设置。这必须使用本地配置文件来完成。
  • CLI 版本决定了使用的 Studio 的本地版本，因此请确保保留本地版本Supabase CLI 最新。

（3.2）Next.js应用的Supabase配置

还记得项目的根目录下.env.local文件内容么。

NEXT_PUBLIC_SUPABASE_URL= %YOUR_PROJECT_URL%
NEXT_PUBLIC_SUPABASE_ANON_KEY= %YOUR_PROJECT_API_KEY%

官网托管的URL：https://你的项目ID.supabase.co
需要改为本地的：http://127.0.0.1:54321

同时API_KEY改为：
本地项目启动时CMD里面打印的anon key: xxxxxxxx实际Key值就可以了。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/617604.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Promise.all和 race

Promise.all和 race

Promise.all() all方法可以完成并行任务， 它接收一个数组，数组的每一项都是一个promise对象。返回值： 成功时：当数组中所有的promise的状态都达到resolved的时候，就返回包含所有 Promise 结果的数组，并且…
阅读更多...
【C++】————类与对象(上)-基础知识

【C++】————类与对象(上)-基础知识

目录 1.面向过程和面向对象初步认识 2.类的引入 3.类的定义 类的两种定义方式： 成员变量命名规则的建议： 4.类的访问限定符及封装 4.1 访问限定符 ​编辑 【面试题】问题：C中struct和class的区别是什么？ 4.2 封装 【面试…
阅读更多...
数据分析中大数据和云计算

数据分析中大数据和云计算

大数据和云计算 前言一、大数据二、大数据定义三、数据存储单位四、大数据存储技术五、大数据应用技术六、大数据特征七、数据容量八、数据类型的多样性结构化数据半结构化数据非结构化数据 九、获取数据的速度十、可变性十一、真实性十二、复杂性十三、价值十四、云计算十五、…
阅读更多...
小白有什么副业可以做?

小白有什么副业可以做?

对于小白来说，以下是一些适合做副业的选择 1. 网络销售 可以在电商平台上开设小店，销售自己感兴趣的产品，如手工制品、二手物品、个人设计的商品等。 2. 做任务 目前网上最流行的就是做任务，因为简单无门槛，我推荐百…
阅读更多...
partially initialized module ‘replicate‘ has no attribute ‘run‘

partially initialized module ‘replicate‘ has no attribute ‘run‘

partially initialized module replicate has no attribute run(most likely due to a circular import) 在包名上停留查看impot 包的地址。 报错原因： 文件重名了，导入了 当前文件 。 修改文件名 即可。
阅读更多...
分布式版本控制工具 - Git

分布式版本控制工具 - Git

文章目录 1. 概念介绍2. 客户端2.1 介绍2.2 仓库操作2.3 文件操作2.4 分支原理与操作2.5 标签2.6 远程仓库2.7 README与IGNORE 3. IDEA集成4. 版本号4.1 介绍4.2 文件操作4.2 分支操作 5. 命令5.1 介绍5.2 仓库操作5.3 文件操作5.4 分支操作5.5 标签操作5.6 远程仓库 1. 概念介…
阅读更多...
【WebGPU】WebGPU 中的反应扩散计算着色器

【WebGPU】WebGPU 中的反应扩散计算着色器

在本教程中，我们将使用 WebGPU 技术中的计算着色器实现图像效果。更多精彩内容尽在数字孪生平台。 程序结构 主要构建两个 WebGPU 管道： 运行反应扩散算法多次迭代的计算管道（js/rd-compute.js 和 js/shader/rd-compute-shader.js&#xff…
阅读更多...
Linux学习之路 -- 文件系统 -- 缓冲区

Linux学习之路 -- 文件系统 -- 缓冲区

前面介绍了文件描述符的相关知识，下面我们将介绍缓冲区的相关知识。 本质上来说，缓冲区就是一块内存区域，因为内核上的缓冲区较复杂，所以本文主要介绍C语言的缓冲区。 目录 1.为什么要有缓冲区 2.应用层缓冲区的默认刷新策略 …
阅读更多...
【C++】STL — map和set的使用详细介绍

【C++】STL — map和set的使用详细介绍

前言 本章将继续学习STL中的两个很重要的容器map和set，其底层实现是封装了一个红黑树，我们通过本节来学习和深入了解一下这两大容器。。。 序列式容器： string 、Vector、List 、dequeue 关联式容器：MAP 、SET、nordered_map、uno…
阅读更多...
成员函数构造函数析构函数

成员函数构造函数析构函数

文章目录 类的6个默认成员函数构造函数概述定义特性 析构函数概述特性 类的6个默认成员函数 空类： 如果一个类里面什么都没有写，我们称之为空类 class Date {};空类真的什么都没有吗？ 实际上并非如此，编译器会自动生成6个默认成…
阅读更多...
【大数据】HDFS

【大数据】HDFS

文章目录 [toc]HDFS 1.0NameNode维护文件系统命名空间存储元数据解决NameNode单点问题 SecondaryNameNode机架感知数据完整性校验校验和数据块检测程序DataBlockScanner HDFS写流程HDFS读流程HDFS与MapReduce本地模式Block大小 HDFS 2.0NameNode HANameNode FederationHDFS Sna…
阅读更多...
C++笔试强训day19

C++笔试强训day19

目录 1.小易的升级之路 2.礼物的最大价值 3.对称之美 1.小易的升级之路 链接 模拟就行&#xff0c;唯一可能是难点得就是gcd&#xff08;最大公约数&#xff09; #include <iostream> using namespace std; #define int long long const int N 1e5 10; int arr[N];…
阅读更多...
【DIY小记】深圳万象天地餐馆探店点评

【DIY小记】深圳万象天地餐馆探店点评

第一次在技术博客里面写生活日记&#xff0c;也算是破了个小天荒。个人以为&#xff0c;博客是个人生活思考的载体&#xff0c;而技术只占生活的一部分&#xff0c;那么博客里为什么一定要限制只能够写技术内容&#xff0c;不能写点其它生活上的东西呢&#xff1f;思来想去&…
阅读更多...
科研诚信与学术规范 2024年春 期末考试答案

科研诚信与学术规范 2024年春 期末考试答案

章节答案&#xff1a;https://www.bilibili.com/video/BV1JZ42177F8/ 是这个课&#xff0c;网上的大多数答案都是以前的&#xff0c;跟这门课没啥关系. 期末考试的答案长这样&#xff0c;题库有80个题&#xff0c;考试一般是50个题。 期末考试答案&#xff1a;&#xff08;不…
阅读更多...
C++动态内存区域划分、new、delete关键字

C++动态内存区域划分、new、delete关键字

目录 一、C/C中程序的内存区域划分 为什么会存在内存区域划分&#xff1f; 二、new关键字 1、内置类型的new/delete使用方法&#xff1a; 2、new和delete的本质 一、C/C中程序的内存区域划分 为什么会存在内存区域划分&#xff1f; 因为不同数据有不同的存储需求&#xff0…
阅读更多...
6818Linux内核--Bootloader应用分析

6818Linux内核--Bootloader应用分析

Bootloader应用分析 一个嵌入式 Linux 系统从软件的角度看通常可以分为四个层次&#xff1a; 引导加载程序。包括固化在固件( firmware )中的 boot 代码(可选)&#xff0c;和 Boot Loader 两大部分。 Linux 内核。特定于嵌入式板子的定制内核以及内核的启动参数。 文件系统…
阅读更多...
Polygon市值机器人

Polygon市值机器人

随着区块链技术的蓬勃发展和数字货币市场的日益繁荣&#xff0c;投资者们对于如何精准把握市场动态、实现资产稳健增长的需求愈发迫切。在这个背景下&#xff08;市值管理飞//机//aishutuyu&#xff09;&#xff0c;Polygon市值机器人应运而生&#xff0c;作为一款基于Polygon公…
阅读更多...
TriCore：Interrupt

TriCore：Interrupt

今天简单总结下 TriCore 的中断路由模块。 名词缩写 缩写全称说明IRInterrupt Router SRService Request 包括&#xff1a; 1. External Resource 2. Internal Resource 3.SW&#xff08;Software&#xff09; SPService Privoder 包括&#xff1a; 1. CPU 2. DMA SRNServic…
阅读更多...
【5分钟学会一个知识点】01.Elasticsearch基本操作-增删改查

【5分钟学会一个知识点】01.Elasticsearch基本操作-增删改查

目录 【5分钟学会一个知识点-探索现代搜索与分析引擎的魅力】01.Elasticsearch基本操作-增删改查1.基本操作1.1索引操作1.2文档操作1.3查询1.4修改数据1.5查询1.5.1条件查询1.5.1.1遍历所有的索引1.5.1.2查询某个索引1.5.1.3条件查询1&#xff1a;使用GET url传参数1.5.1.4条件…
阅读更多...
proteus数模转换器DAC0832的应用

proteus数模转换器DAC0832的应用

proteus proteus&#xff0c;即EDA工具软件。Proteus软件是英国Lab Center Electronics公司出版的EDA工具软件。它不仅具有其它EDA工具软件的仿真功能&#xff0c;还能仿真单片机及外围器件。它是比较好的仿真单片机及外围器件的工具。虽然国内推广刚起步&#xff0c;但已受到…
阅读更多...
最新文章

Copyright @ 2022~2023