EasyApp

App端 链接 Supabase 服务

了解 EasyAppSwiftUI 项目如何链接 Supabase 服务

EasyApp 使用 Supabase 作为后端/数据库服务。Supabase 是一个开源的 PostgreSQL 数据库,包含用户认证、数据库、实时数据同步、权限管理、数据分析等超多功能。

您不用在付费购买服务器、数据库,也不用担心服务器维护问题。前期免费额度足够您使用。即使超过免费额度,您也可以选择付费使用。费用也不是很贵。

supabase

接下来,跟着我一步步集成 Supabase 服务。非常容易。

创建您的 Supabase 项目

注册 Supabase 账号

如果您没有 Supabase 账号,您需要先注册一个账号。注册地址

注册完成后,您需要创建一个 组织。如果您已经有组织,您可以忽略创建组织这一步,直接创建项目

创建组织

addOrganization

输入组织名称, Type 选择 Personal。Plan 选择 Free。点击 Create Organization 按钮。示例如下图所示。

createOrganization

创建项目

组织创建完成后,点击进入组织中,您需要创建一个项目。示例如下图所示。 createProject

由于我已经有了一个组织,我就在原有的组织中新增一个项目作为示例: createProject2

输入项目名称,创建数据库密码(请妥善保存!),选择地区, 然后点击"创建新项目"按钮。等待一会儿,直到项目创建完成。

数据库密码非常重要,请妥善保存!

createProject3

配置 Supabase 的 url 和 api key

第一步:获取 Supabase 的 url 和 api key。

  • 获取 Supabase 的 url。点击顶部导航栏的 "Connect" 按钮。在弹窗中选中 Moblie Framework、选中 Framework 中的 Swift。复制 supabaseURL。

connnect

copySupabaseUrl

  • 获取 Supabase 的 api key。点击侧边栏 "Project Settings" 按钮,点击 "API Keys" 按钮。点击 "Copy" 按钮。

copyAKey

第二步:在EasyAppSwiftUI/Constants/Constants.swift 文件中配置 Supabase 的 url 和 api key。

忘记了?没关系,我们再回顾一下。

将我们刚刚获取的 url 和 api key 粘贴到 EasyAppSwiftUI/Constants/Constants.swift 文件中。


	enum Supabase {

		#if DEBUG
			/// Development supabase url
			static let url = "http://192.168.124.134:54321"
			/// The anon key
			static let key = "your_local_anon_key"
		#else
			/// Production supabase url
			/// WARNING: Replace with your production supabase url, only test environment
			static let url = "your_production_supabase_url"
			/// The anon key
			/// WARNING: Replace with your production supabase anon key, only test environment
			static let key = "your_production_supabase_anon_key"
		#endif
	}

在这里我们可以看到有环境判断,#if DEBUG 表示开发环境,#else 表示生产环境。

为了方便理解,在这里您就直接替换#if DEBUG#else中的内容。也就是

		#if DEBUG
			static let url = "your_production_supabase_url"
			static let key = "your_production_supabase_anon_key"
		#else
			static let url = "your_production_supabase_url"
			static let key = "your_production_supabase_anon_key"
		#endif

全部替换为您的 supabase 线上 的 url 和 api key。

第三步:去部署 Supabase 后端服务

到这里,您就已经完成了 App 端集成 Supabase的服务了,接下来,您需要去配置 Supabase 后端服务,因为Supabase 后端服务包含用户认证、数据库、存储服务、后端接口等。App 中所有的功能都依赖于 Supabase 后端服务。

Last updated on