English | 中文

HMS E-commerce Demo

Description

HMS Core Offers an innovative solution that assists e-commerce apps with quick customer acquisition and improved conversion rates, for sustainable business growth.

This project contains the shopping demo app based on HMS Core Kits. It shows how to use the HMS Core solution in shopping app. It provides the demo of the whole shopping process except payment.

Demo Link

Demo website

Firstly choose the area you are in, then you can download the Demo App from scanning the corresponding QR code.

China

Asia, Africa, and Latin America

Europe

Russia

Features

Features of this application with HMS Core solution

• Product list page

• Product detail page

• Favorite product collection/shopping cart

• Picture/video/3D product showcase

• Barcode scanning-based search

• Photo scanning-based search//Voice Search

• QR code scanning payment/QR code generation

• One-tap login in/out

• Notifications for order/payment update

• User location/location filling

• Membership purchase

• System integrity check

• Comments, which can be translated in app

• AR Wearing

• Bank card recognition

• Image Super-Resolution

• Geo-fencing

• Membership rewards points

• Offline store guidance

• Discount price marketing

• Product link share

Application Generation

Environment Requirement:

• Android Studio: 4.1
• Android SDK: 19
• Gradle: 6.3

Run locally

1. Clone the repository:

    git clone https://gitee.com/hms-core/hms-ecommerce-demo.git

You can also download the zip file containing the code in this page

2. Copy jks file and agconnect-services.json to app folder. About how to get these files, you can refer to Configuring App Information in AppGallery Connect

3. Update jks file information and application ID in app/build.gradle file.

4. Build the application from the command line:

    cd hms-ecommerce-demo
    gradle clean
    gradle build

Kit Usage Description

• When you log in your Huawei Account, the account kit will be used.

• Scan kit is used to scan the barcode/QR Code to view the product, pay for product and to generate QR code.

You can use the following barcode picture to test barcode buy function:

• You can also take a photo to the physical goods and system will search for the similar item in the system. ML kit capability is used here.

• After you create a purchase order, a notification will be sent to you via push kit.

• When you view the product information, video kit is used to show the product video.

• Location kit is used to get your current location to get the district information.

  

• Identity kit is used to get configured address to make it fast for delivery address.

• Analytics Kit will collect the basic usage information to App developer to analyze the App usage statistics.

• Scene Kit can show the 3D model of the product.

• IAP Kit can help user to subscribe the membership in App to enjoy membership discount.

• Safety Detect can make the system integrity check to make sure the system environment is secure.

• You can use ML kit to make translation and image super-resolution. It can also recognize the bank card and recognize your voice to make voice search.

• AR kit can help you to try the goods virtually, like wearing the glasses on AR.

• Map and location kit can help to display offline store information generate navigation paths.

  

• Search kit prodives developers with the open capability of smart assistant, which can automatically respond to users' questions through robotic conversations.

  

• CaaS Kit capabilities allow users to share screens during shopping. When the user is browsing product page, he can click the share button to start sharing shoppping experience with friends.

• Crash kit can collect and record statistics on application crash information.

• Favorite products: Users can collect favorite products together and display them on the one favorites

  page.

• Product discount price: The original price and discount price are displayed for all commodity prices. The discount price is highlighted.

• New product: The new product is displayed on a separate page. The remaining time of the discount activity is displayed in the discount countdown. The users can subscribe to the products and trigger a push message.

• Membership rewards points : When a user purchases a product, rewards points are added to the account based on the price of the product purchased by the user.

• Product sharing: Users can share the product they like to social app, including but not limited to Alipay, WeChat, and Facebook.

Precautions

The Shopping Demo is a Demo app which simulate a shopping process. There are limited products in the App. Some functions are unavailable or virtual service.

• Customer Service is unavailable.
• It is virtual payment in the App. There will be no deduction from anywhere.
• The membership purchase in the App will make real deduction from your account. The deduction will not be refunded.
• After membership purchase, please cancel the subscription in the "Sub Mgmt". Otherwise it will make deduction in next cycle. After cancellation, the existing membership will continue until the end of the current cycle.
• The product in the App is virtual.
• The order you made in the App is virtual, there will not be product delivery.
• The Ads in the App is test Ads.
• The account you login is the Huawei Account on the phone. The App will get your avatar and account name. It is used to show in the App.

Participation

If you want to evaluate more about HMS Core, HMSCore on Reddit is for you to keep up with latest news about HMS Core, and to exchange insights with other developers.

If you have questions about how to use HMS samples, try the following options:

• Stack Overflow is the best place for any programming questions. Be sure to tag your question with huawei-mobile-services.
• Huawei Developer Forum HMS Core Module is great for general questions, or seeking recommendations and opinions.

If you run into a bug in our samples, please submit an issue to the Repository. Even better you can submit a Pull Request with a fix.

Licensing and Terms

HMS Shopping Demo is licensed under the Apache 2.0 license.