ShonZone – Flutter WooCommerce App

Complete Installation & Deployment Documentation – CodeCanyon Edition

Yeh documentation isliye banayi gayi hai taaki aap bina kisi technical help ke apni Flutter + WooCommerce app ko setup, customize aur Google Play Store par publish kar sakein.

1. App Configuration (app_config.dart)

App ki saari main settings lib/utils/app_config.dart file me hoti hain.

App Identity

  • appName – App ka display name
  • reelsHandleName – Reels section ka username (e.g. #Shonzone)
  • signupSubTitle – Signup screen ka subtitle

WooCommerce Setup

  • websiteUrl – Website URL (https://yourstore.com)
  • consumerKey – WooCommerce REST API Consumer Key
  • consumerSecret – WooCommerce REST API Consumer Secret

Social & Support

  • whatsappNumber – Support WhatsApp number (+91 ke saath)
  • supportEmail – Official support email
  • instagramUrl – Instagram profile link

OneSignal

  • oneSignalAppId – OneSignal dashboard se milne wali App ID

WebView Checkout

  • true – Website checkout app ke andar open hoga
  • false – App ka native checkout form use hoga

2. App Logo & Images

Images ko assets/images/ folder me replace karein. File name same rehna chahiye.

  • App Icon: launcher_icon.png (1024x1024)
  • Splash Logo: splash_logo.png (512x512 ya larger)
  • Placeholders: your_logo.png, secure_payments.png
flutter pub run flutter_launcher_icons

3. Reels / Short Videos (ACF Setup)

  • WordPress me Advanced Custom Fields (ACF) plugin install karein
  • Text field banayein: product_video_url_
  • Post Type: Products
  • YouTube ya direct MP4 video link paste karein

ACF Field Group Location Rules

Ye ensure karega ki "Product Reel Video URL" field sirf Products post type me dikhai de:

  • Location Rules: Show this field group if
  • Rule: Post Type is equal to Product
  • Agar future me aur post types chahiye, Add rule group ka use karein

Presentation Settings (Optional)

  • Position: Normal
  • Style: Standard
  • Hide on screen: leave blank
Field Name product_video_url_ exact same rehna chahiye, warna app me Reels fetch nahi hogi.

4. Firebase Setup

google-services.json file ko android/app/ folder me paste karein.

Cloud Firestore Rules

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {

    match /users/{userId}/{document=**} {
      allow read, write: if request.auth != null
      && request.auth.uid == userId;
    }

    match /reels_likes/{doc=**} {
      allow read: if true;
      allow write: if request.auth != null;
    }

    match /reels_comments/{doc=**} {
      allow read: if true;
      allow write: if request.auth != null;
    }

  }
}

5. Package Name Change

flutter pub run rename setBundleId \
--targets android \
--value com.newname.app
Package name change ke baad Firebase & OneSignal me bhi update karna zaruri hai.

6. Firebase SHA-1 Generation

keytool -list -v \
-keystore ~/.android/debug.keystore \
-alias androiddebugkey \
-storepass android \
-keypass android

7. Keystore Generate (Release)

keytool -genkey -v \
-keystore upload-key.jks \
-keyalg RSA \
-keysize 2048 \
-validity 10000 \
-alias upload

8. Build APK / AAB

flutter build apk --release
flutter build appbundle

9. Play Store Upload

  • Google Play Console account banayein
  • New App → Internal Testing
  • AAB upload karein
  • Screenshots & Privacy Policy add karein
  • Production me submit karein
Agar products nahi dikh rahe, ensure karein: HTTPS enabled ho aur WooCommerce API keys Read/Write permission ke saath ho.
Scroll To Top
Close
Close
Close

My Cart

Shopping cart is empty!

Continue Shopping

App