Air Drop System Source Code: City Task Platform with VUE Frontend and PHP Backend Open Source Setup Guide

Last year I provided technical support for a friend running a city-based service business. He was using a closed-source SaaS platform that cost over three thousand per month, and all core data sat on someone else’s server. When that company suddenly shut down overnight, he lost all customer records and had to pay over one hundred thousand in penalty fees. Since then, my number one rule when helping people set up systems is that source code must be in your own hands. This black air drop system is one of the solutions I found at that time. The frontend uses VUE, the backend is fully open source PHP, and data is completely under your own control.

1. System Features

This system is not just a display page. It is a complete business process platform. The core modules include:

1. User VUE Frontend: Compiled with uni-app for multi-platform support, covering H5, mini-programs, and App packaging. The dark theme interface looks premium and fits high-value business scenarios.
2. Task Publishing and Management: The admin panel supports publishing city tasks, setting task types, commission ratios, and completion deadlines. Task status refreshes in real time, and the frontend uses WebSocket for message push.
3. System Lottery Task Module: Lottery types are fully customizable. The backend can configure draw rules, odds parameters, and scheduled draw scripts. Results use a pseudo-random algorithm that can be preset and controlled from the admin panel.
4. Funds and Settlement: Supports balance top-up, task commission settlement, and withdrawal review. Transaction records are accurate to the second for easy reconciliation.
5. Multi-Level Agent System: Supports first-level and second-level agents with automatic commission distribution by percentage. Agents get a separate login portal with isolated data permissions.
6. Message Notification System: Combines in-site messaging, SMS gateway integration, and push notifications. Key events like task completion and withdrawal arrival trigger automatic alerts.

2. Setup Preparation and Notes

Do not rush to upload code. First check the environment checklist:

• Server: CentOS 7.6+ or Ubuntu 18.04+, RAM at least 4G recommended, bandwidth 5M or above
• Runtime: PHP 7.2 to 7.4 (7.4 recommended), MySQL 5.7+, Nginx 1.16+
• PHP Extensions: pdo_mysql, gd, openssl, mbstring, fileinfo, redis (for caching)
• Domain Filing: Domestic servers must complete ICP filing, otherwise ports 80 and 443 are blocked
• SSL Certificate: Let us Encrypt free certificate is sufficient, configure auto-renewal
• Payment Gateway: WeChat Pay, Alipay, and third-party aggregation slots are reserved; you need to apply for merchant accounts yourself
• SMS Platform: Alibaba Cloud SMS or Tencent Cloud SMS, enter APPID and key in the backend

Key Tip: The draw script runs on crontab. I recommend once per minute. Output logs separately to /var/log/lottery/ for easy troubleshooting. Never expose the draw script to a public URL, or it may be triggered maliciously.

3. Common Issues and Pitfall Records

3.1 VUE Frontend Compilation Failure

High Node versions cause dependency conflicts. Node 14.21.3 proved most stable in my tests, with npm 6.x. Before compiling always run npm install --legacy-peer-deps. If you get a sass error, install npm install sass-loader@10 separately.

3.2 White Screen After Admin Login

Ninety-nine percent of the time this is because the PHP openssl extension is not enabled, or the session directory lacks write permission. Check permissions on /tmp and /var/lib/php/session to ensure the www user can read and write. Also add client_max_body_size 20M; in the Nginx config, or large image uploads will be truncated.

3.3 Draw Time Out of Sync

The server timezone must be set to Asia/Shanghai. Use timedatectl set-timezone Asia/Shanghai to unify time. The crontab schedule in the draw script uses the server local time. Do not mix UTC.

3.4 Database Import Error

The SQL file in the source package uses utf8mb4 encoding. If MySQL is below 5.7.7, import will fail with index length exceeded. The fix is to upgrade MySQL first, or manually change varchar(255) to varchar(191).

4. Customization and Extension Plans

Fully open source means huge room for modification. Here are common customization directions I have mapped out:

• UI Skin Swap: The VUE component structure is clean. Replacing theme colors, logo, and splash screens only requires editing the static directory and style variables in App.vue.
• Add New Lottery Types: Add entries in the backend lottery management, configure draw rules and odds templates, and the draw script auto-recognizes them.
• Push Integration: Slots for Jiguang Push and Firebase are reserved. Fill in the AppKey to activate.
• Data Migration: Old platform user data can be batch imported via CSV, with phone numbers as unique deduplication keys.
• Risk Control Module: Can be extended with IP blacklists, device fingerprinting, and abnormal behavior detection to guard against bot users and click farming.

5. FAQ

Q1: Is this system suitable for an overseas version?

A: The VUE frontend supports multi-language switching, and the backend has reserved language pack interfaces. However, payment and SMS need to be replaced with overseas providers such as Stripe and Twilio, and timezone adaptation is also needed.

Q2: Do I need to purchase additional licenses after getting the source code?

A: Not at all. Both the PHP backend and VUE frontend are fully open source. You can deploy, modify, and resell without limit after receiving the code. However, technical documentation needs to be compiled yourself; the source package only contains comments without a complete manual.

Q3: Will it lag with one thousand concurrent users?

A: Under pure PHP plus MySQL mode, a 4-core 8G server can handle about 500 to 800 concurrency. For higher loads, add Redis for session caching, enable Nginx static resource caching, and set up database master-slave separation.

⚠️ Important Notice: This system source code is intended solely for lawful technical research and educational exchange. It is strictly prohibited for use in any illegal activities. Please confirm business compliance and abide by local laws and regulations before deployment.

#AirDrop System #City Task Platform #VUE Frontend #Lottery Development #Open Source PHP