安卓V2ray App开发教程

安装

在编译Pixi VPN Flutter 应用之前，请确保以下工具已在您的开发系统上正确安装和配置：

🛠️ 系统要求

• ✅ Flutter SDK 3.32.8（建议使用最新稳定版本）

• ✅ Android Studio（推荐使用 Narwhal 以获得最佳体验）

• ✅ Java JDK 21.0.2已正确安装并添加到系统 PATH 环境变量中

• ✅ Xcode 15.0+（用于 macOS 上的 iOS 开发）

• ✅ CocoaPods 1.12+（用于 iOS 依赖项）

运行 Flutter doctor 命令验证您的开发环境：

flutter doctor -v

⚙️ 逐步编译过程

1. 📁 在Android Studio或您常用的 IDE中打开项目文件夹

2. 📦 运行flutter pub get以获取所有必需的依赖项

3. 🧹 清理项目：flutter clean

4. 🔧 iOS 版：cd ios && pod install

5. 📱 连接你的设备或启动模拟器

6. ▶️点击绿色“运行”按钮或使用flutter run

🎉 编译完成后，Pixi VPN 应用将在您选择的设备上启动，所有功能均可立即使用。

配置

本指南将一步步指导您如何使用cPanel将基于 Laravel 的管理面板部署到共享主机环境。每个步骤都经过精心详细说明，以确保部署顺利成功。

🌐 1. 域名和子域名设置

首先，确定您的主机托管策略。您可以使用您的主域名（例如， vpnadmin.com）或创建一个专用子域名（例如，admin.vpnapp.com）。

创建子域名：

1. 导航至 cPanel 的子域名部分

2. 输入您想要的子域名

3. 选择父域

4. 点击“创建”

📂 2. 上传您的 Laravel 项目

在 cPanel 中打开文件管理器，并导航到您的域名根目录：

• 主域名：public_html/

• 对于子域名：public_html/subdomain_name/

1. 📤 点击“上传”并选择您的 Laravel 项目 ZIP 文件

2. ⏳ 等待上传完成

3. 📦 右键单击 ZIP 文件，然后选择“提取” 。

4. 🗂️ 如有需要，请将提取的文件移动到根目录。

🗄️ 3. MySQL 数据库配置

在您的 cPanel 中导航至MySQL® 数据库：

1. 🔧创建数据库：输入一个名称，例如vpn_admin_db

2. 👤创建用户：添加一个使用强密码的新数据库用户

3. 🔐授予权限：将用户添加到数据库并授予所有权限

4. ✅ 通过检查数据库列表确认设置

📥 4. 数据库导入流程

从您的 cPanel 打开phpMyAdmin ，然后按照以下步骤操作：

1. 🎯 从左侧边栏选择您新建的数据库

2. 📥 点击顶部菜单中的“导入”选项卡

3. 📄 选择您的database.sql文件（包含在项目包中）

4. ⚡ 点击“开始”按钮开始导入过程

5. ✅ 确认所有表格均已成功导入

🔧 5. 环境配置

找到并编辑.envLaravel 根目录中的文件：

APP_NAME="Pixi VPN Admin"APP_ENV=productionAPP_DEBUG=falseAPP_URL=https://yourdomain.comDB_CONNECTION=mysqlDB_HOST=localhostDB_PORT=3306DB_DATABASE=your_database_nameDB_USERNAME=your_database_userDB_PASSWORD=your_secure_password# Additional security settingsSESSION_LIFETIME=120SESSION_SECURE_COOKIE=true

🔒重要提示：请确保APP_URL与您的域名或子域名 URL 完全匹配。

🌟 6. 最终部署步骤

1. 🌐 在网页浏览器中访问您的域名/子域名

2. 🔍 检查是否有任何错误信息并解决它们

3. ✅ 确认管理面板已正确加载

4. 🔐 测试登录功能

使用指南

这份全面的使用指南涵盖了管理面板和移动 VPN 应用的所有基本特性和功能，助您轻松掌握它们。请务必正确使用所有功能。

🔐 1. 管理员面板访问权限

在任何现代浏览器中访问您的管理面板网址。使用以下演示凭据开始使用：

您可以在管理控制面板的个人资料部分更新登录凭据、个人资料信息和安全设置。

💰 3. AdMob 集成设置

通过集成 Google AdMob，有效实现应用盈利：

📱 A. Android 配置

导航至您的 Flutter 项目并进行编辑： android/app/src/main/AndroidManifest.xml

在标签内添加您的 AdMob 应用 ID <application>：

<application>
    ...
    <meta-data
        android:name="com.google.android.gms.ads.APPLICATION_ID"
        android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    ...</application>

🎯 B. 广告单元管理

通过管理面板的“广告”部分配置您的广告单元：

• 🏷️横幅广告：显示在屏幕顶部/底部

• 📺插屏广告：操作间隙的全屏广告

• 🎁激励广告：用户观看可获得高级功能

• 🎯原生广告：无缝集成的内容广告

🔗 4. 应用与管理员的连接

将你的 Flutter 应用与你的管理后台连接起来：

1. 📂 在Android Studio中打开你的 Flutter 项目

2. 🧭 导航至：lib/utils/app_string.dart

3. 🔍查找基本URL配置：

class AppString {
  static const String baseUrl = "https://vpn-admin.pixiumlab.com";}

4. ✏️ 请替换为您的管理面板域名：

class AppString {
  static const String baseUrl = "https://yourdomain.com";}

5. 💾 保存文件

6. 🔄 重建应用：flutter clean && flutter pub get

💳 5. 应用内购买配置

设置高级功能订阅计划：

1. 🏪 在 Google Play 控制台中配置产品

2. 💰 设置订阅价格和计费周期

3. ⚙️ 更新源代码根文件夹 > lib > 应用内购买中的产品 ID

4. 🧪 使用测试账户进行测试购买

常见问题解答

查找有关 Pixi VPN 开发和部署的常见问题及故障排除解决方案。