TikTok Shop — Documentation

Getting Started
Indroduction
Requirements
Server Setup
Android Configuration
IOS Configuration
Build & Run
Android App Release
iOS App Release
Support

TikTok Shop - Coin Buy and Selling Platform

Created : 20-10-2022

TikTok Shop is a full functional system of Coin Buy and Selling Platform. TikTok Coins are an in-app currency paid for with real money. You can buy gifts for your favorite creators and Diamonds with Coins to give to someone as appreciation for their work. Get Coins to send Gifts to TikTok LIVE hosts here! Buy or recharge TikTok Coins at a lower price, with more payment options and a customizable recharge. It's a complete business module. If you are interested to develop your own Coin Buy and Selling Platform Website, Apps (Android & iOS) and Admin Panel. TikTok Shop is perfect for you. Anyone can deployment by following our project documentations.

If you have any questions, feel free to contact us at support@appdevs.net.

Requirements

Android Studio/VS Code: To customised this project you should have Flutter and Dart installed and configured effectively on your gadget Install Flutter Set up your editor Install the Flutter and Dart Plugins.
PHP 8.x
Laravel 9.x

Server Setup

install-on-server:

After download the code from codecayon upload the tiktokshop-app and tiktokshop-web files in your server following your expected directory and extract the zip file. It's website and admin panel can be installed on a domain or subdomain: For Example, yourdomain.com OR xyz.yourdomain.com.

INFO:

            As the admin panel and web app are developed using two different technology, If you want the web app in your main domain then you need to install the admin panel in a subdomain. For example if you want the web app(website) in yourdomain.com then you can install the admin panel in admin.yourdomain.com or in any subdomain. Later in web app part you will know how you need to install the web app on your server.

WARNING:

            Don’t install the admin panel or web app in a sub directory (like: yourdomain.com/folder)

Admin Panel Installation:

Step 1:

After download the code from codecayon upload the admin install zip in your directory and extract the zip file. It's can be installed on your main domain or subdomain: For Example, yourdomain.com OR hello.yourdomain.com It also CAN be installed in the subdirectory path of your domain. For Example, www.yourdomain.com/my-new-website.

It's requires an SSL certificate to be installed on your domain to work with all the services. A FREE SSL certificate can be easily installed on your domain using sslforfree.com

Create the database properly

Create a new database from your server MYSQL database

Create a DB user to the database and link that database to the DB user

Step 2:

Then, Add DB user to created Database

Step 3:

All the required extensions and permission must be enabled

Step 4:

Go to PhpMyAdmin from cPanel and select your database and import db.sql file here.

Step 5:

Go to File Manager and select public_html directory, then click Upload button and drop your web-admin-source-code project files

Step 6:

After finish the uploading, you have to extract this zip file.

Step 7:

And you have to enabled Show Hidden Files

Step 8:

Go to .env file and put all credentials.

All done, your project is ready to run.

For Android Configuration

API Connection:

Open the flutter source code on Android Studio or VS code and go to api_config.dart file, then your website link

Get Dependencies:

Run the command:

            flutter pub get

Change Package Name:

If you want to change the package name following the next steps
Open /android/app/build.gradle and change the package name

            
              defaultConfig {
              applicationId "" // this is the package name
              minSdkVersion 16
              targetSdkVersion 33
              versionCode flutterVersionCode.toInteger()
              versionName flutterVersionName
              testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
              multiDexEnabled true
              }

Open /android/app/src/main/AndroidManifest.xml , /android/app/src/profil/AndroidManifest.xml, /android/app/src/debug/AndroidManifest.xml and specify your:
Open /android/app/src/main/kotlin/MainActivity.kt and change the package name

IOS Configuration

Opt-in to the preview of the embedded view by adding a boolean property to the app's Info.plist file with the key io.flutter.embedded_views_preview and the value YES.

Click the Get dependencies or Packages get to install the libraries from pubspecs.yaml file.
Open the simulator to run iOS or Android (as the step above)
Then press the run button to start the project (you can still open multi simulator at the same time)

Build & Run:

Run the Application:

In the target selector, select an Android device for running the app. If none are listed as available, select Tools> Android > AVD Manager and create one there. For details, see Managing AVDs. Click the run icon in the toolbar, or invoke the menu item Run > Run. Locate the main Android Studio toolbar:
If you don't use Android Studio or IntelliJ you can use the command line to run your application using the following command:

          flutter run

Install And Release Android App:

Here is your section structure.

After you make all your changes and customizations save all your project, Open the console, navigate to your project folder and execute the following command to build your app:

          flutter build apk --release

If you are deploying the app to the Play Store, it's recommended to use app bundles or split the APK to reduce the APK size.

Build and Install App:

To generate an app bundle, run:

          flutter build appbundle --target-platform android-arm,android-arm64,android-x64

Learn more on https://developer.android.com/guide/app-bundle

To split the APKs per ABI, run:

          flutter build apk --target-platform android-arm,android-arm64,android-x64 --split-per-abi

Learn more on https://developer.android.com/studio/build/configure-apk-splits#confi

If you want to upload your application on Google Play you must sign it before uploading, generate a signing key by running the following command:

          keytool -genkey -v -keystore android/app/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

Reference the keystore from the app: Create a file named appdir/android/key.properties that contains a reference to your keystore:

          storePassword=password from previous step 

          keyPassword=password from previous step 

          keyAlias=key 

          storeFile=location of the key store file, e.g. /Users/user name/key.jks

Go to android/app/build.gradle

          def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties = new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
					

					
            signingConfigs {
            release {
            keyAlias keystoreProperties['keyAlias']
            keyPassword keystoreProperties['keyPassword']
            storeFile file(keystoreProperties['storeFile'])
            storePassword keystoreProperties['storePassword']
            }
            }
            buildTypes {
            release {
            signingConfig signingConfigs.release
            }
            }

Learn More: Build and release an Android app

Install And Release iOS App:

Before you can build and release your app on the App Store, you need to set up a place for it using App Store Connect. But first, you need to register a unique bundle ID for your app. This can be done by logging into your Apple Developer account and following these steps:

Login to AppStore Conscole Account Click Here
Open the App IDs page.
Click + to create a new Bundle ID.
Fill out the needed information: App Name, and Explicit App ID.
If your app needs specific services, select them and click Continue.
Review the details and click Register to finish.
Then go to account dashboard Select My Apps.
Click + then select New App.
Fill in your app details and make sure iOS is selected, then click Create.
From the sidebar, select App Information.
In the General Information section, select the Bundle ID that you registered above.

You’ve set everything up from Apple’s side, and next you’ll adjust your Xcode project’s settings to prepare your app for release. Go ahead and fire up Xcode.

Open Runner.xcworkspace that is inside your app’s iOS folder.
From the Xcode project navigator, select the Runner project.
Go to the General tab.
In the Identity section, fill out the information and make sure the Bundle Identifier is the one registered on App Store Connect.
In the Signing section, make sure Automatically manage signing is checked and select your team
Fill out the rest of the information as needed.
Next, you’ll update your app’s icon. This can be done by selecting Assets.xcassets in the Runner folder from Xcode’s project navigator.

At this point, all the settings have been updated for release and there is a placeholder ready on App Store Connect, which means you can build and release.

From the command line, run flutter build ios
Then go back to Xcode and reopen Runner.xcworkspace
Select Product -> Scheme -> Runner
Select Product -> Destination -> Generic iOS Device.
Select Product -> Archive to produce a build archive.
From the Xcode Organizer window, select your iOS app from the sidebar, then select the build archive you just produced.
Click the Validate… button to build.
Once the archive is successfully validated, click Upload to App Store

Back on App Store Connect, check the status of your build from the Activities tab. Once it’s ready to release:

Go to Pricing and Availability and fill out the required information.
From the sidebar, select the status.
Select Prepare for Submission and complete all required fields.
Click Submit for Review
Learn More: Build and release an iOS app

That’s it! Your app will now be uploaded to the App Store. Apple will review your app before releasing and keep you updated on the status of your app.

Support

Once again, thank you so much for purchasing this script. As I said at the beginning, I'd be glad to help you if you have any questions relating to this item. Just let us know, We will assist you. Contact us at support center.

Email Us : support@appdevs.net