发布于周二 00:265天前

Shortzz (2025 年 7 月 15 日) – Tiktok 克隆 – 短视频应用直播、PK 对战、动态、故事等。Flutter/Laravel 源代码及搭建教程

Shortzz（2025年7月15日）——抖音克隆版——短视频应用，集直播、PK、动态、故事等功能于一体。Flutter/Laravel 源代码免费下载。Shortzz 是一款功能强大的社交媒体应用，现已更新，带来一系列无与伦比的功能，提升您的体验。从多主播直播和 PK 到融合图片、视频、文字和音乐的沉浸式故事。Reel 和 Feed 系统已得到显著改进，并由更智能的算法提供支持，并支持地理位置标记。

主要特点

卷轴部分
登录和身份验证
本土化
帖子创作
内容发现和导航
＃井号
卷轴视觉效果
添加 AR 滤镜
用户资料和定制
动态帖子
创建故事、图像、视频或文本格式
块控制
直播
发送和接收礼物
实时加入
实时进度条
AdMob 广告
订阅
分析和监控
多主机
以及更多

下载 Shortzz Tiktok Clone – 短视频应用直播、PK 对战、动态、Flutter 和 Laravel 故事

下载地址：https://or9.top/index.php/s/9rB3KspEdXAHXNG

Shortzz Flutter 文档

Shortzz

完美的社交媒体

Shortzz 2.0 隆重推出——一款强大的社交媒体应用，全新升级带来一系列无与伦比的功能，提升您的体验。从多主播直播和 PK 对战，到融合图片、视频、文字和音乐的沉浸式故事，Shortzz 2.0 专为创作者和社群打造。Reel 和 Feed 系统得到了显著改进，采用了更智能的算法，并支持地理位置标记。语言本地化现在可以直接从管理面板进行管理，确保为全球用户提供更加个性化的体验。动画礼物、GIF 评论、提及、评论回复和点赞、聊天中的帖子分享以及结构化等级系统等新功能，将互动提升到新的水平。而这仅仅是个开始。让我们逐一探索这些功能——立即查看演示应用。

继续操作之前要做的事情

设置后端（必须做）
一旦您遵循上述文档，您将找到一些凭证，如基本网址、管理面板链接和密码等。请收集它们，因为我们继续时将需要它们。

安装 Flutter SDK

如果您已经设置了 Flutter SDK，请跳过此步骤。

对于 Mac
对于窗口
- 对于Mac：
- 安装Android Studio
- 下载 Android Studio
- 启动 Android Studio DMG 文件。
- 将 Android Studio 拖放到应用程序文件夹中，然后启动 Android Studio。
- 安装 Flutter SDK
- 下载以下安装包以获取 Flutter SDK 的最新稳定版本。
- 将文件解压到您想要存储 Flutter SDK 的目录中。
- unzip ~/Downloads/flutter_macos_arm64_3.24.3-stable.zip \ -d ~/development/
- 将 Flutter 添加到你的 PATH
- 打开终端
- 跑步：
  vim ~/.zshrc
- 按“I”键插入路径 (export PATH=/Users/DK/flutter/bin:$PATH)。其中 /Users/DK/ 是 Flutter 的安装文件夹。
- 添加：
  export PATH="$PATH:/Volumes/DK SSD/flutter Sdk/bin"
- 按Esc键，然后输入:wq，然后按Enter 或返回保存并退出文件
- 重启终端
- 一切就绪！为确保一切正常，请在终端中输入以下命令。
  flutter doctor
- 配置 iOS 开发
  安装并配置 Xcode
  要为 iOS 开发 Flutter 应用程序，请安装 Xcode 以编译为本机字节码。
  - 打开 App Store 并登录。
  - 搜索Xcode。
  - 单击“安装”。
- Xcode 安装程序占用 6+ GB 的存储空间。下载可能需要一些时间。
- 要配置命令行工具以使用已安装的 Xcode 版本，请使用以下命令。
- sudo sh -c 'xcode-select -s /Applications/Xcode.app/Contents/Developer && xcodebuild -runFirstLaunch'
- 请使用这个路径来获取最新版本的 Xcode。如果您需要使用其他版本，请指定该路径。
- 签署 Xcode 许可协议。
- sudo xcodebuild -license
- 安装 CocoaPods
  - 按照CocoaPods 安装指南安装cocoapods 。
  - sudo gem install cocoapods
  配置您的目标 iOS 设备
  使用 Xcode，您可以在 iOS 设备或模拟器上运行 Flutter 应用程序。
  - https://docs.flutter.dev/get-started/install/macos/mobile-ios#configure-your-target-ios-device
  检查您的开发设置
  - 打开你的终端。
  - 要验证所有组件的安装，请运行以下命令。
  flutter doctor
  - 由于您选择开发 iOS 系统，因此无需所有组件。如果您遵循本指南，则命令结果应类似于：
- ⚠️ 注意：如果您没有配置 iOS 开发：链接
- 配置Android开发
  在 Android Studio 中配置 Android 工具链
  同意 Android 许可
  - 打开提升的控制台窗口。
  - 运行以下命令以启用签名许可证。
  flutter doctor --android-licenses
  许可问题疑难解答
  无法找到捆绑的 Java 版本
  进入finder并找到Android studio：
  - 右键单击并单击显示包内容
  - 创建一个名为 jre 的新文件夹
  - 复制 jbr 文件夹的内容并将其粘贴到 jre 文件夹中
  检查您的开发设置
  - 打开你的终端。
  - 要验证所有组件的安装，请运行以下命令。
  flutter doctor
  - 由于您选择开发 Android 系统，因此无需所有组件。如果您遵循本指南，则命令结果应类似于：
- ⚠️ 注意：如果您没有配置 Android 开发：链接

Android 设置

在 Android Studio 中打开项目。然后点击“Pub get”，如下图所示。
在 Android Studio 中打开 Android 目录（Windows/macOS）
1. 从顶部菜单转到文件 > 打开。
2. 导航到您的 Flutter 项目文件夹。
3. 选择“android”目录。
4. 单击“打开”以在新窗口或选项卡中加载它。
5. 确保从左上角的下拉菜单中将项目视图设置为项目。
6. 验证android目录是否作为根项目打开。
导航到build.gradle文件
1. 在左侧面板中，展开 android 目录下的应用程序模块。
2. 找到并打开文件：android > app > build.gradle。
更改应用程序ID
1. 滚动到 build.gradle 文件中的 defaultConfig 块。
2. 找到以下行：applicationId
3. 将现有值替换为您想要的包名称，例如：applicationId“com.yourcompany.appname”
4. 该值也称为包名称，必须是唯一的。
同步 Gradle
1. 一旦 applicationId 更新，Android Studio 将提示您同步 Gradle。
2. 单击顶部的“立即同步”或使用文件 > 使用 Gradle 文件同步项目手动同步。
如何获取 SHA1 密钥：链接
打开 Firebase 控制台
1. 前往：https ://console.firebase.google.com
2. 选择在设置后端文档时创建的 Firebase 项目。
将 Android 应用添加到 Firebase
1. 在项目概览页面上，查找中心的 平台图标。
2. 点击Android图标（机器人图标），代表将Android应用添加到Firebase。
注册Android应用程序
1. 点击Firebase 项目概览页面上的 Android 图标。
2. 输入您的Android 包名称（例如：com.example.myapp（必须与 android/app/build.gradle 中的 applicationId 匹配））
3. （可选）输入：应用昵称（用于在 Firebase 中识别）
4. 调试签名证书SHA-1（用于 Google 登录等）-链接
5. 单击注册应用程序。
下载google-services.json
1. 注册完成后，点击下载google-services.json
将文件移动到 Flutter 项目的android/app/google-services.json目录下
更改应用名称
打开 Android 清单
1. 在 Android Studio 中，从左上角的下拉菜单切换到Android选项卡。
2. 导航至：app/manifests/AndroidManifest.xml
3. 打开AndroidManifest.xml。
4. 修改应用标签
5. 在里面标签，找到以下行：android：label =“Orange”
6. 将“Orange”替换为您想要的应用程序名称：android：label =“My New App”
更改应用程序图标
运行你的 Flutter 应用
- 从设备列表中选择 Android 设备或通过 USB 连接物理设备。
- 单击“运行”（绿色播放按钮）或在终端中运行以下命令
flutter run

iOS 设置

选择ios文件夹
- -在 Android Studio项目面板中，找到 Flutter 项目下的 ios 文件夹。
导航至“工具”>“Flutter”
- -在顶部菜单栏上，转到：工具 → Flutter → 在 Xcode 中打开 iOS/macOS 模块
Xcode 自动打开
- -这将启动 Xcode，打开您的 Flutter 项目的 iOS 模块。
- -从那里，您可以配置签名、功能、启动屏幕等。
选择跑步者目标：
- -在左侧的项目导航器中，选择 Runner（在“目标”部分下）。
转到常规选项卡：
- -在窗口中间，您将看到不同的选项卡，如“常规”、“签名和功能”、“资源标签”等。
- -单击“常规”选项卡。
设置您的开发团队：
- -向下滚动到“常规”选项卡下的“签名和功能”部分。
- -在团队下拉菜单中，选择您的开发者帐户（Apple 开发者计划）。
  - 如果您尚未添加您的 Apple ID，请单击下拉菜单中的添加帐户，使用您的 Apple ID 登录，然后选择团队。
在 Xcode 中更改 iOS Bundle Identifier
- - 在 Xcode 中打开 ios 模块（如前所示）。
- -从左侧面板中选择Runner项目。
- - 选择“签名和功能”选项卡。
- - 找到Bundle Identifier字段。
- - 将 bundle ID 更改为您想要的格式，例如：com.yourcompany.yourappname
⚠️重要：
- 新的 bundle ID 必须是唯一的，并且与您在 Apple 开发者帐户中注册的App ID相匹配。
打开 Firebase 控制台
- 前往：https ://console.firebase.google.com
- 选择在设置后端文档时创建的 Firebase 项目。
将 iOS 应用添加到 Firebase
- 在项目概览页面上，查找中心的 平台图标。
- 单击iOS + 图标，表示将 iOS 应用添加到 Firebase。
将 Firebase 与 iOS 应用关联
- - Apple 软件包 ID（在 Firebase 中）：
  - • 必须与 Xcode 中的完全匹配（例如，com.app.test）。
  - • 一旦设置，就无法更改。
- - 应用昵称：
  - • 可选，仅用于您的 Firebase 项目显示。
- - 应用商店ID：
  - • 如果尚未在 App Store 上架，则可选。
- - 单击注册应用程序。
点击“下载 GoogleService-Info.plist”按钮下载文件。
将其移动到你的 Xcode 项目目录：ios/Runner/
将GoogleService-Info.plist拖入Runner（Xcode）的步骤：
- -找到文件：
  - •在您的下载文件夹（或您保存它的任何位置）中找到已下载的GoogleService-Info.plist文件。
- -打开 Xcode：
  - • 使用以下方法打开 Flutter 项目的 iOS 模块：ios/Runner.xcworkspace
拖放：
- - 在 Finder 中，单击并拖动GoogleService-Info.plist文件。
- - 将其拖放到Xcode 的项目导航器（左侧边栏）中的Runner文件夹中。
- - ⚠️ 确保将其拖放到实际文件夹中，而不仅仅是顶层。
确认对话框：
- - 将会弹出一个对话框。
- - 确保选择以下内容：
  - ✅“如有需要，请复制项目”
  - ✅ “添加到目标：跑步者”
- - 然后单击“完成”。
更改应用程序名称：
- - 要更改应用程序的显示名称：
  - • 在常规部分下，找到显示名称字段。
  - • 将其值更改为所需的应用名称。这将更改用户设备上应用图标下显示的应用名称。
更改应用程序图标
为你的 Flutter 项目安装 Pod
在 Android Studio 中打开终端。
转到 Flutter 项目目录并运行
cd ios
pod install
运行你的 Flutter 应用
- 确保您已设置 iOS 设备或 iOS 模拟器。
- 在 Android Studio 中，从设备下拉列表中选择 iOS 模拟器或连接的 iOS 设备。
- 单击“运行”（绿色播放按钮）或在终端中运行以下命令
flutter run

更改基本 URL

打开lib/utilities/const_res.dart
添加“baseURL”（输入您的管理面板 URL 作为值）（下面的示例）
const String baseURL = "https://yourdomain.com/"
遵循后端文档即可找到这一点。

更改应用程序颜色

步骤 1：现在转到您的项目lib > utility > color_res.dart，如下图所示。

更改应用字体系列

步骤 1：从 Google 字体中选择任意字体
下载字体的方法如下：
- 访问https://fonts.google.com/
- 搜索您的字体。
- 找到后，单击打开。
- 单击屏幕右上角的“下载家庭”按钮。
- 解压压缩文件。
步骤 2：将字体导入项目
要将字体导入到项目中：
将[font].ttf文件复制粘贴到字体文件夹中。
步骤 3：将字体添加到 Pubspec.yaml
要将字体添加到 pubspec.yaml 文件：
- 将字体系列名称替换为你的字体系列名称。要获取字体系列名称，只需取破折号 (-) 前面的第一部分即可。例如，如果下载的字体名称是Montserrat-Regular，则将Montserrat作为你的字体系列名称。
- 转到pubspec.yaml文件：
- 将资产路径替换为字体所在的路径。
- 然后pub 就可以成功加载你的字体

更改应用程序图像

如何替换背景图片
打开你的Flutter 项目。
导航到以下路径：assets/images/ic_background.jpg
打开此文件位置
将现有图像替换为您自己的图像：
- 确保文件名和扩展名完全相同（“ic_background.jpg”）。
- 请勿更改文件名或路径。

⚠️ 注意：当您用新图片（保留相同的名称和扩展名）替换 `ic_background.jpg` 文件时，它将自动更新应用中使用该背景图片的所有位置。无需更改代码 — 只要文件路径和名称保持不变即可
🎉 一切就绪！您的背景图片已成功更新。

Firebase 身份验证

我们的应用程序支持以下身份验证方法：电子邮件、Google 和 Apple 登录。
仅电子邮件验证
仅限谷歌身份验证
如果您尚未添加 SHA1 密钥，请转到此链接。
仅限 Apple 身份验证

为推送通知创建 APNs Auth 密钥

登录Apple开发者帐户
- -前往Apple 开发者帐户
- -使用您的 Apple 开发者凭证登录。
导航至 Keys 部分
- -单击证书、标识符和配置文件。
- -在左侧边栏中，单击“密钥”。
输入名称（例如，NotificationKey）。
勾选Apple Push Notifications 服务 (APNs)，然后按“配置”按钮
- 选择环境部分选择“沙盒和生产”，密钥限制部分选择“团队范围（所有主题）”
- 点击“继续”，然后点击“保存”。保存后，您将看到一个屏幕，其中显示私钥“密钥 ID”以及下载密钥的权限。复制 ID，然后将文件下载到本地计算机：
复制密钥ID并下载文件
现在可以将文件和密钥 ID 添加到您的 Firebase 项目。在 Firebase 控制台中，导航至“项目设置”，然后选择“云消息传递”标签页。在“iOS 应用配置”标题下选择您的 iOS 应用。
上传下载的文件并输入密钥和团队 ID；

启用 Firestore

步骤 1：单击 Firestore 数据库并创建数据库。
- 第 2 步：模型将打开，单击“下一步”。
步骤 3：然后单击启用按钮
步骤 4：创建数据库后，您需要更改数据库规则，然后点击“发布”按钮。请按照以下步骤操作。
步骤 5：在 firestore 中创建 2 个索引。

Branch.io 设置

按照本指南在 Branch.io 上设置项目。
将分支密钥添加到 Flutter 项目
在分支仪表板侧栏中，单击“设置”选项卡。
- 您将看到分支密钥和秘密部分。
- 复制分支密钥
收到你的Branch Key后，添加到Flutter 项目中。
打开你的Flutter 项目。
导航到以下文件：lib/utilities/const_res.dart

在 Google Play Store 和 Apple AppStore Connect 上设置订阅
在连接 RevenueCat 之前，您需要在Google Play 控制台（适用于 Android）和Apple App Store Connect （适用于 iOS）上定义订阅。
查看以下指南来配置订阅。
配置 Android 订阅： 按照本指南操作
在 AppStore Connect 上完成协议： 请遵循本指南
配置 iOS 订阅： 按照本指南操作
现在让我们连接并配置 Revenuecat 的订阅。
与 RevenueCat 联系
从这里创建一个帐户或登录 RevenueCat即可开始使用。
注册流程
请填写下图所示的所有问题，然后按提交。
添加新应用程序
- 创建新项目
- 单击左上角标有“所有项目”的下拉菜单。
- 由于尚不存在项目，您将看到一条消息：“您尚没有任何项目。”
- 单击+创建新项目。
- 在项目名称字段中，输入您想要的名称：例如：Shortzz
- 按下创建项目按钮继续。
项目创建
欢迎来到仪表板
要将您的应用连接到 App Store，您需要添加您的应用名称、应用包 ID、App Store Connect 应用特定共享密钥、P8 密钥、密钥 ID 和发行者 ID。
- 先决条件
- - ✅所需角色： App Store Connect 中的帐户持有人（管理员）
- -✅有效的 Apple 开发者计划会员资格
1. 捆绑包标识符
- 获取 iOS BundleId： 点击此链接
2. App Store Connect 应用特定共享密钥
- 生成特定于应用程序的共享密钥
- - 登录App Store Connect
- - 导航至“我的应用”并选择您的应用
- -从左侧菜单中选择“常规”部分下的应用信息
- -从右侧的“特定于应用程序的共享密钥”部分下选择“管理”
- - 生成并复制您的共享秘密
- 在 RevenueCat 中输入共享密钥
- - 在 RevenueCat 仪表板的 iOS 应用设置中输入密钥：
3. 内购按键配置
- 生成应用内购买密钥
- - 应用内购买密钥是在 App Store Connect 的用户和访问 → 集成 →应用内购买下生成的。
- - 选择“生成应用内购买密钥”，或者（如果您之前已生成过应用内购买密钥），请点击“活动”标题旁边的“+”符号。系统将提示您输入密钥名称。
- - 一旦您的密钥生成，它将出现在 Active Keys 中，您有一次机会下载它。
- - 选择下载 API 密钥并将文件存储在安全的地方，下一步您需要将其上传到 RevenueCat。
- 将应用内购买密钥上传至 RevenueCat
- - 在 App Store Connect 中设置好一切后，您需要将上一步的应用内购买密钥上传到 RevenueCat。
- - 在 RevenueCat 仪表板中，选择“平台” ，然后从项目设置中的“应用程序”选项卡打开您的App Store应用程序。
- - 在您的应用设置中，在应用内购买密钥配置选项卡下，您将看到一个区域，用于上传您从 App Store Connect 下载的应用内购买密钥 .p8 文件。
- - 在您的应用设置中，在应用内购买密钥配置选项卡下，您将看到一个区域，用于上传您从 App Store Connect 下载的应用内购买密钥 .p8 文件。
- 向 RevenueCat 提供发卡机构 ID
- - 上传应用内购买 .p8 文件后，您将看到一个输入发卡机构 ID的区域。
- - 您可以在 App Store Connect 中的“用户和访问”→“集成”→“应用内购买”下找到此发行者 ID。
- - 复制发行人 ID 并粘贴到 RevenueCat发行人 ID字段
- - 一旦您的凭证有效，您将在上传的 P8 密钥文件下看到一条有效凭证消息，其中所有权限均已检查。
4. App Store Connect API 密钥配置
1. 创建 App Store Connect API 密钥
  - - 在 App Store Connect 上，在用户和访问 → 集成 → App Store Connect API 下创建一个新的 App Store Connect API密钥：
  - - 新创建的密钥至少需要具有应用程序管理器的访问级别：
  - - 下载生成的密钥。您将收到一个 .p8 密钥文件。另请记下发卡机构 ID（显示在“有效”表上方）。
  - - 此密钥只能下载一次，因此请确保将其存储在安全的位置。
2. 将 App Store Connect API 密钥上传至 RevenueCat
  - - 在 App Store Connect 中设置好一切后，您需要将上一步中的 App Store Connect API 密钥上传到 RevenueCat。
  - - 在 RevenueCat 仪表板中，选择“平台”，然后从项目设置中的“应用程序”选项卡打开您的 App Store 应用程序。
  - - 在您的应用程序设置中，在“App Store Connect API”选项卡下，您将看到一个区域，用于上传您从 App Store Connect 下载的 App Store Connect .p8 文件。
  - - 上传 App Store Connect API .p8 文件后，系统会提示您输入在步骤 1 中保存的 Issuer ID。
  - - 系统还会提示您输入供应商编号：https://appstoreconnect.apple.com/itc/payments_and_financial_reports#/。您可以在 App Store Connect 的“付款和财务报告”下，页面左上角找到该编号。
点击“保存更改”
要将您的应用连接到 Google Play 商店，您需要添加您的应用名称、软件包名称和服务凭据。
我在哪里可以找到我的服务凭证？：https://www.revenuecat.com/docs/service-credentials/creating-play-service-credentials
通过我们的 Google Play 凭证验证，我们将在每次（重新）上传 Google 凭证时或随时通过单击按钮进行验证。
一旦您的凭证有效，您将在上传的 JSON 文件下看到一条有效凭证消息，其中所有权限均已检查。
注意：此凭证验证可能需要几个小时才能完成。
全部完成。
这些是 Android 和 iOS 平台的公共 API 密钥。
点击显示密钥以查看 API 密钥。
然后您可以将其复制并粘贴到您的项目中。
转到您的项目并导航至：lib > utility > cont_res.dart文件。
您将看到两个变量：revenueCatAndroidApiKey和incomeCatAppleApiKey。
将API 密钥粘贴到这些变量中。
- 获取产品。
  - 按下侧栏中的 “产品目录”选项
  - 然后点击“产品”选项卡来查看和管理您的产品列表。
- 创建权利
  - 按下侧栏中的 “产品目录”选项
  - 然后点击“权利”选项卡来查看和管理您的产品列表。
- - 输入唯一标识符并提供产品的简要描述。
  - 完成后，按添加按钮保存。
- 将产品附加到权利
  - 一旦附加了权利，您的权利列表将类似于图中所示的列表。
- 创建产品
- - 系统将提示您输入产品的标识符和显示名称。请注意，产品标识符之后无法更改。输入此信息后，请点击“保存”。
- 添加包
  - 您创建的每个产品都应至少包含一个包含跨平台产品的包。
  - 要创建套餐，请点击您的新产品，然后点击“套餐”部分中的“+ 新套餐” 。在弹出窗口中，从下拉菜单中选择与套餐时长对应的标识符。如果套餐时长不适合您（例如购买消耗品），您可以选择自定义标识符。添加描述，然后点击“保存”。
  - 并以同样的方式添加其他祭品。
  - - 参见下图。
- 参见下图——您的供品应该是这样的。

应用内购买

iOS：按照以下文档设置应用内购买。
Android：按照以下文档设置应用内购买。
如何在 RevenueCat 中添加产品
如果您还没有关注“订阅”选项卡，请先关注，然后再添加应用内购买产品。
获取产品
iOS 系统：
安卓：
在产品中添加产品
如果您已经添加了产品，请转到下图所示的现有产品。
🎉 已成功将您的产品添加到产品中。
在管理面板中创建硬币计划。
单击添加硬币计划。
设置价格、钻石和 Play Store ID（按照上述文档创建的唯一产品 ID）。
单击“提交”。
- 对于 Android，一旦应用程序在 Play Store 上获得批准，购买就会开始。
- 对于 iOS，一旦应用内购买在 appstore connect 上获得 Apple 批准，购买就会开始进行。

DeepAR

登录 DeepAR ：https://developer.deepar.ai/
获取 Android applicationId：点击此链接
获取 iOS BundleId：点击此链接
打开管理面板并粘贴 DeepAR Keys。
添加 DeepAR 过滤器
单击添加过滤器按钮。
- 在打开的对话框中：
  - - 选择一张图片。
  - - 输入过滤器的标题。
  - - 选择过滤文件。
  - ⚠️ 注意：您可以从DeepAR Filter Store下载.deepar文件
  - ⚠️ 注意：仅添加扩展名为.deepar的文件。

语言

对于 Mac
对于窗口
打开管理面板。
从侧边栏转到“应用程序语言”。
下载任何可用的 CSV 文件。
在您的计算机上找到下载的 CSV 文件。
右键单击该文件。
从上下文菜单中选择“打开方式”>“Numbers” 。
该文件将在 Numbers 应用程序中打开以供编辑。
在 CSV 文件中，您将看到两列：key和value。
- 仅编辑值列。
- 复制您想要翻译的值。
⚠️ 注意：您可以使用谷歌翻译（此处提供示例）或任何其他工具。或者您也可以手动翻译。
打开你的网络浏览器并转到Google 翻译
- 在左侧选项卡中，选择检测语言并粘贴选定的值。
- 在右侧选项卡中，选择您的目标语言。
-复制翻译的文本。
返回 CSV 文件并将翻译后的文本粘贴到值列中。
翻译完成后：
- 单击文件 > 导出到 > CSV。
- 单击“保存”，然后按“导出”以保存翻译后的 CSV 文件。
打开管理面板。
从侧边栏转到“应用程序语言”。
单击添加语言按钮。
在模态框中：
- 输入语言代码、标题和本地化标题。
- 上传您翻译的 CSV 文件。
- 单击“保存”按钮。
🎉成功！您的语言文件已成功上传。
编辑语言字符串
如果您想编辑任何语言的任何文本值，请按照以下步骤操作。
1. 下载该语言的 CSV 文件。
2. 使用 Numbers（Mac）或 Google Sheet（Windows）打开该 CSV 文件
3. 在该文件中编辑所需的值。
4. 保存并导出 CSV 文件。
5. 转到管理面板中的该语言，单击编辑图标。加载已编辑的 CSV 文件并单击保存。
6. ⚠️ 注意：只有重新启动应用程序后更改才会生效。

更新信息

要更新您的项目（每当我们在 Codecanyon 更新项目时），您有时需要在数据库中添加/更新/删除 某些文件和字段。请查看README.md文件以获取更新信息。（通常，可以在项目的根目录中找到）
以这种方式进行更新时请小心，有时可能会导致错误。
如果在更新过程中出现任何问题，您对此负有绝对责任，因为支持不包括更新现有项目。

Shortzz 后端文档

Shortzz

完美的社交媒体

版本详细信息

dart：“>=3.7.2 < 4.0.0”
flutter：“>=3.29.0”
laravel/framework：“^10.48.25”

开发人员友好

专为开发人员构建，让他们能够自由地进行编码。

清洁代码

使用 Getx Flutter 状态管理，代码更简洁、更干净。

Laravel/Flutter

技术栈的完美组合，目前在市场上流行。

有据可查

附带详细的文档，帮助您尽快快速入门。

持续更新

持续更新，保护您免受可利用漏洞的侵害

实时聊天

用户之间就 Firestore 支持的属性进行实时聊天。

多种语言

该应用程序支持多种语言（超过 20 种）。支持 RTL。

强大的管理面板

管理仪表板用于管理应用程序的数据并控制它们。

强大的功能

卷轴、动态、直播、 PK 对战、礼物、聊天、提及、主题标签、故事、 GIF 等...

有吸引力的用户界面/用户体验

由世界级设计师设计和开发的令人惊叹的 UI/UX。

积极支持

我们的支持和开发团队可以帮助您解决安装过程中的任何问题。

要求

需要带有 cPanel 的 VPS
托管后端和数据库
域名
确保您的域名指向您的服务器。
文件存储提供商
截至目前，脚本支持 3 种存储选项。AWS S3、DigitalOcean Spaces、本地存储。
•AWS S3：https://aws.amazon.com/pm/serv-s3/
• DigitalOcean Spaces：https://www.digitalocean.com/products/spaces
• 本地存储：将文件存储在您的服务器中。
Firebase Blaze 计划：https://firebase.google.com/pricing
用于身份验证、通知、直播和聊天
Sightengine：https://sightengine.com/
内容审核
Google Places API：https://console.cloud.google.com/apis/library/places.googleapis.com
用于对帖子进行地理标记并按位置获取帖子
Revenuecat：https://www.revenuecat.com/
用于管理应用内订阅和应用内购买。
ZEGOCLOUD： https://www.zegocloud.com/
用于直播
GIPHY：https://giphy.com/
对于 GIF 评论和消息
Admob（可选）：https://admob.google.com/home/
通过广告使应用盈利
DeepAR（可选）： https://www.deepar.ai/
适用于 AR 滤镜（帖子和故事）
Branch.io：https://www.branch.io/
对于帖子和个人资料的深层链接
Google Play 控制台： https://play.google.com/console
发布 Android 应用
苹果开发者计划： https://developer.apple.com/programs/enroll/
发布 iOS 应用
苹果电脑：
• 苹果电脑是开发 iOS 应用的必备工具
• 可以在 Windows 计算机中构建 Android 应用程序（仍然建议使用苹果计算机来运行 Flutter）。
• 您可以通过此链接查看 Flutter 开发环境要求https://docs.flutter.dev/get-started/install
Android Studio：下载
Flutter Sdk：下载
Xcode（仅限 Mac 用户） - https://apps.apple.com/in/app/xcode/id497799835?mt=12。

提取项目并设置数据库

解压从 codecanyon 下载的文件夹并打开文件夹
打开它并找到shortzz_database.sql文件
然后打开您的网络托管服务提供商提供的 cPanel。
单击 DATABASES 部分下的 MySQLDatabase 选项并为您的应用创建数据库，如下图所示。
- 添加数据库名称并单击创建数据库。
- 现在我们将创建一个用户来访问数据库
- 如图所示，输入用户名和密码（保存以便稍后使用）
- 单击创建用户，将创建用户
- 现在我们必须将创建的用户添加到数据库中。向下滚动，你可以看到如下图所示的内容
- 从列表中选择用户并选择数据库，然后单击下面的添加按钮
- 单击添加按钮后，您将看到如下所示的内容。
- 在那里你可以看到所有权限选项，选中前面的复选框
- 这将勾选下面显示的所有框（查看下图）。点击“进行更改”，即可完成。
- 现在我们必须导入数据库文件。搜索phpMyAdmin并点击它。
- 然后系统会将您重定向到 phpMyAdmin，您将能够找到我们刚刚创建的数据库
- 单击该数据库
- 然后在顶部栏上找到导入按钮并点击它
- 它将打开如下页面
- 单击“选择文件”按钮并加载您解压的文件夹中的shortzz_database.sql文件。
- 点击页面底部的导入按钮。
- 现在数据库已可供使用。

设置后端项目的数据库凭证

现在回到项目文件夹，然后提取shortzz_backend.zip文件
在该文件夹中，找到.env文件，使用任何文本编辑器打开它并进行如下更改
在APP_URL中将https://yourdomain.com/替换为您的域名
确保您的APP_URL以“ / ”结尾，如上所示。
更改数据库配置，如下例所示（使用您刚刚在 cPanel 上创建的凭据）
APP_NAME 中不应有空格。
DB_DATABASE = 数据库名称
DB_USERNAME = 数据库用户名
DB_PASSWORD = 数据库密码
然后按Ctrl + s保存文件

存储设置

该脚本支持 3 种存储选项。AWS S3、DigitalOcean Spaces、本地存储。
在设置项目时，您必须决定首选的存储选项。
应用程序上线后，您将无法更改。如果您仍想更改，您的数据将会丢失。
一旦选择了存储选项，就可以在.env文件中进行设置。
打开位于后端项目根文件夹的.env文件。
您将找到“文件存储设置”部分。（查看下图）
找到FILE_STORAGE_LOCATION行
根据您选择的存储位置，它应该如下所示。
- 对于AWS S3
  FILES_STORAGE_LOCATION=AWSS3
  对于 DigitalOcean Space
  FILES_STORAGE_LOCATION=DOSPACE
  对于本地存储（将文件保存在您的服务器上）
  FILES_STORAGE_LOCATION=PUBLIC
现在让我们配置存储并获取凭据。（您可以根据自己的选择选择以下任意一个选项）

AWS S3
DigitalOcean空间
本地存储
- AWS S3
- 按照 本指南创建 AWS S3 Bucket 并获取 API 密钥和其他凭证。
- 收集所有凭证后，打开.env文件并粘贴这些凭证。您将发现如下所示的内容。

仅当您正确设置了凭据并在其仪表板上进行了必要的配置后，存储才能正常工作。

创建 Firebase 项目

按照 本指南在 firebase 上设置项目并收集私钥.json
在文本编辑器中打开私钥.json文件。
从文本编辑器复制私钥.json文件的内容。
在后端文件夹中找到googleCredentials.json文件并将内容粘贴到该文件中。

启用 Google 地点 API

此步骤是启用地点搜索功能和帖子地理标记功能所必需的。请仔细操作。
前往https://console.cloud.google.com/marketplace/product/google/places.googleapis.com/
确保您使用的 Google 帐户与用于 Firebase 的帐户相同。
从列表中选择 Firebase 项目，然后启用 API

Revenuecat 配置

Revenuecat 已用于管理跨平台（Android - iOS）应用内订阅和通过应用内购买进行的硬币购买。
需要配置 Revenuecat 来验证用户应用内购买交易并仅处理真实交易。
创建一个帐户或登录 RevenueCat即可开始使用。
在 Revenuecat 创建新项目。
如果您已创建新帐户，系统将自动提示您创建第一个项目。输入项目名称，然后点击“创建项目”按钮。
我们需要这个 Revenuecat 项目提供两样东西。
RC_PROJECT_ID
RC_KIT_API_密钥
单击该项目，它将打开如下所示的页面。
单击常规选项卡并复制项目 ID
现在单击“API 密钥”选项卡。
这将打开一个控制台来创建Secret API 密钥，单击 + New
这将打开一个表单，我们可以在其中创建新的秘密 API 密钥。
按照下图中的分步说明填写/选择所需的详细信息（名称、版本等）。
最后，单击“生成”按钮。
并将创建新的 Secret API 密钥，您可以复制它。
现在我们已经从 Revenuecat 项目中收集了所需的东西，我们需要将它们添加到.env文件中。
检查下面的图片，找到相似的键并像下面的图片一样添加值。

在服务器上托管后端项目

创建shortzz_backend文件夹的 zip 文件
将该文件夹上传到托管服务提供商提供的 cPanel 上的域目标目录。并解压缩 zip 文件。
确保目标目录直接包含项目文件，而不是包含在文件夹中
好啦！现在尝试访问你的域名，管理面板应该已经在你的域名上线了。

现在您的后端已上线，这些是凭证

管理面板网址： http://yourdomain.com/
管理面板用户名： admin
管理面板密码： admin123
apiKey ： retry123

将这些凭证保存在某处，在设置 Flutter 项目时需要它们。

现在继续遵循文档。

cPanel 上的杂项服务器设置

memory_limit 应为 500M
上传最大文件大小：500M
最大发布大小：500M
最大输入时间：60

配置 cron 作业

我们需要设置多个 cronjob（如下所示）来完成多项任务。（例如，每日活跃用户 (DAU)、删除过期故事、删除旧通知等等。）
在下面输入您的管理面板网址，它将创建一个 cron 作业命令列表。您可以在 cPanel 上复制并按频率配置这些命令。

在下面输入您的域名（例如 https://admin.shortzz.com/）

#	命令	频率
1	curl --request GET'https://yourdomain.com/api/cron/reGeneratePlaceApiToken'	每小时两次(0,30 * * * *)
2	curl --request GET'https://yourdomain.com/api/cron/deleteExpiredStories'	每天一次(0 0 * * *)
3	curl --request GET 'https://yourdomain.com/api/cron/deleteOldNotifications'	每天一次(0 0 * * *)
4	curl --request GET 'https://yourdomain.com/api/cron/countDailyActiveUsers'	每天一次(0 0 * * *)

现在按照本指南并设置上面列出的所有 cron 作业。

添加应用语言

在这个项目中，移动应用程序语言由后端管理。您可以根据需要添加任意数量的语言。但最初我们为这个项目提供了 18 种语言。
按照以下步骤添加这些语言。
在您的后端项目中，找到app_languages.zip文件。将该文件复制到您的桌面并解压。
您将在其中找到语言文件 (.csv)。（查看下图）
我们将在管理面板添加语言时使用这些文件。
打开您的管理面板，转到应用程序语言并单击添加语言按钮。
对所有语言执行此操作。（确保选择正确的文件）然后您的语言就添加完成了。

ZEGOCLOUD 配置

按照本指南创建ZEGOCLOUD 项目，启用交互式直播并收集Zego Cloud App ID、Zego Cloud App Sign。
打开您的管理面板，转到设置>直播。
您将在那里找到用于添加收集的凭证的字段，如下图所示。
输入Zego Cloud App ID和Zego Cloud App Sign，然后单击“保存”按钮

GIPHY 配置

按照本指南并收集GIPHY API 密钥
打开您的管理面板，转到设置> GIF。
您将在那里找到用于添加收集的凭证的字段，如下图所示。
输入GIPHY API 密钥并点击保存按钮

SightEngine 配置

按照本指南收集API 用户、API 密钥、图像工作流 ID和视频工作流 ID。
打开您的管理面板，转到设置> SightEngine。
您将在那里找到用于添加收集的凭证的字段，如下图所示。
输入API 用户、API 密钥、图像工作流 ID和视频工作流 ID，然后单击保存按钮

AdMob 配置

打开https://admob.google.com/home/get-started/ URL 并设置帐户。
目前，Shortzz 应用程序仅包含横幅广告和插页广告。
以下是了解如何在 AdMob 上为您的应用创建广告单元的链接。
创建横幅广告单元：https://support.google.com/admob/answer/7311346
创建插页式广告单元：https://support.google.com/admob/answer/7311435
创建广告单元后，您需要在管理面板上添加它们。前往“设置”>“Admob”

后端设置完成

现在后端已成功配置。您可以开始关注 Flutter 项目文档。

更新信息

要更新您的项目（每当我们在 Codecanyon 更新项目时），您有时需要在数据库中添加/更新/删除 某些文件和字段。请查看README.md文件以获取更新信息。（通常，可以在项目的根目录中找到）
以这种方式进行更新时请小心，有时可能会导致错误。
如果在更新过程中出现任何问题，您对此负有绝对责任，因为支持不包括更新现有项目。

引用

登录

Shortzz (2025 年 7 月 15 日) – Tiktok 克隆 – 短视频应用直播、PK 对战、动态、故事等。Flutter/Laravel 源代码及搭建教程

主要特点

下载 Shortzz Tiktok Clone – 短视频应用直播、PK 对战、动态、Flutter 和 Laravel 故事

Shortzz

完美的社交媒体

继续操作之前要做的事情

安装 Flutter SDK

安装 Flutter SDK

将 Flutter 添加到你的 PATH

配置 iOS 开发

安装并配置 Xcode

要为 iOS 开发 Flutter 应用程序，请安装 Xcode 以编译为本机字节码。

安装 CocoaPods

配置您的目标 iOS 设备

使用 Xcode，您可以在 iOS 设备或模拟器上运行 Flutter 应用程序。

检查您的开发设置

在 Android Studio 中配置 Android 工具链

同意 Android 许可

许可问题疑难解答

无法找到捆绑的 Java 版本

进入finder并找到Android studio：

检查您的开发设置

Android 设置

更改应用名称

更改应用程序图标

运行你的 Flutter 应用

iOS 设置

更改应用程序图标

为你的 Flutter 项目安装 Pod

运行你的 Flutter 应用

更改基本 URL

更改应用程序颜色

更改应用字体系列

更改应用程序图像

Firebase 身份验证

仅电子邮件验证

仅限谷歌身份验证

仅限 Apple 身份验证

为推送通知创建 APNs Auth 密钥

启用 Firestore

Branch.io 设置

订阅

添加新应用程序

项目创建

1. 捆绑包标识符

2. App Store Connect 应用特定共享密钥

3. 内购按键配置

4. App Store Connect API 密钥配置

应用内购买

DeepAR

语言

更新信息

Shortzz

完美的社交媒体

版本详细信息

开发人员友好

清洁代码

Laravel/Flutter

有据可查

持续更新

实时聊天

多种语言

强大的管理面板

强大的功能

有吸引力的用户界面/用户体验

积极支持

要求

提取项目并设置数据库

设置后端项目的数据库凭证

存储设置

创建 Firebase 项目

启用 Google 地点 API

Revenuecat 配置

在服务器上托管后端项目

cPanel 上的杂项服务器设置

配置 cron 作业

添加应用语言

ZEGOCLOUD 配置

GIPHY 配置