How to add Quick App from AppGallery - Huawei Developers

Watch this video and follow the guide to learn how to add a quick app from Huawei's AppGallery.

Related

Add Quick App in AppGallery on Huawei MatePad Pro

This video will show you how you can use quick apps in the Huawei AppGallery. Search for the quick app that you want, then open the app listing and select OPEN.

Quick App Introduction

Definition
Quick apps are a new form of installation-free apps developed based on industry standards. They are developed based on the frontend technology stack and support native rendering, therefore possessing the advantages of both HTML5 apps and native apps. Users do not need to install quick apps and only need to tap them open and enjoy the same experience and performance as native apps.
Advantages
Low Costs
You can use JavaScript and CSS to develop quick apps, reducing the code amount to 20% of that required for developing native Android apps providing the same functions. In addition, you can convert existing HTML5 apps into quick apps quickly
Native Experience
The native rendering technology enables quick apps to provide functions and experience of native Android apps, but requires less memory space and can be updated automatically.
High Retention
Users can tap to use quick apps without installation, add a quick app to their home screen if they want to use it later, and access a used quick app again from entries such as recently used apps or push notifications.
Easy Access
Your quick apps can be distributed to various channels such as AppGallery, Quick App Center, deep links, and HUAWEI Assistant, effectively improving your app exposure.
Usage Process
Find: Find quick apps on AppGallery, HUAWEI Assistant, Global Search, and more.
Open: Tap to open a quick app instantly without installation. Quick apps support automatic update and take up minimum storage.
Use: Enjoy the smooth interaction, stylish UI, comprehensive functions, and optimal performance of quick apps.
Leave: Access a used quick app again by adding it to the home screen or through recently used apps or push notifications.
Quick App Development
Tool
Huawei provides you with a complete set of development tools to develop and debug your quick apps.
HUAWEI Quick App IDE: A one-stop quick app development tool that is built based on the VSCode framework. It provides a complete set of easy-to-use features and capabilities, such as project management, programming, real-time preview, inspection, debugging, cloud test and release, helping you maximize your productivity.
Installing Huawei Quick App IDE Quick App IDE User Guide
Huawei Quick App Loader: Use it to launch and debug quick apps.
Installing Huawei Quick App Loader
Huawei Quick App PC Assistant: Use it to load quick apps to multiple terminals, testing cards, and hap links.
Installing Huawei Quick App PC Assistant PC Assistant Operation Guide
Integration with Huawei Open Capabilities
HUAWEI Quick App allows you to integrate the following capabilities of HMS Core to your quick app:
HUAWEI Account Kit allows you to offer simple, secure, and quick sign-in and authorization functions.
Accessing HUAWEI Account Kit
HUAWEI In-App Purchases allows you to implement the in-app payment function only by simple integration, helping you gain more revenue quickly.
Accessing HUAWEI In-App Purchases
HUAWEI Push Kit allows your app to push messages to users at the right moment. You can send messages to your users through your apps in real time. This helps you maintain closer ties with your users and increases user awareness and engagement.
Accessing HUAWEI Push Kit
HUAWEI Location Kit enables your app to quickly and accurately obtain user locations.
Accessing HUAWEI Location Kit
Thank you very much
Thank You
Very interesting
Are Quick Apps the same as PWAs?

When I submit a quick app, the system displays a message indicating that the same app has been created on HUAWEI Developers. What can I do?

The possible causes for this problem are as follows:
● You are submitting the quick app for the first time, but the quick app has not been created in AppGallery Connect.
Sign in to AppGallery Connect and create a quick app.
● You have upgraded the quick app in AppGallery Connect but has not submitted the new version.
When you upgrade a quick app, upgrade it either in the quick app alliance or AppGallery Connect. Do not leave the new version in draft state in AppGallery Connect and then submit the new version again in the quick app alliance.
For details about Huawei developers and HMS, visit the website.
HUAWEI Developer Forum | HUAWEI Developer
forums.developer.huawei.com

Quick App Introduction

Definition
Quick apps are a new form of installation-free apps developed based on industry standards. They are developed based on the frontend technology stack and support native rendering, therefore possessing the advantages of both HTML5 apps and native apps. Users do not need to install quick apps and only need to tap them open and enjoy the same experience and performance as native apps.
Advantages
Low Costs
You can use JavaScript and CSS to develop quick apps, reducing the code amount to 20% of that required for developing native Android apps providing the same functions. In addition, you can convert existing HTML5 apps into quick apps quickly
Native Experience
The native rendering technology enables quick apps to provide functions and experience of native Android apps, but requires less memory space and can be updated automatically.
High Retention
Users can tap to use quick apps without installation, add a quick app to their home screen if they want to use it later, and access a used quick app again from entries such as recently used apps or push notifications.
Easy Access
Your quick apps can be distributed to various channels such as AppGallery, Quick App Center, deep links, and HUAWEI Assistant, effectively improving your app exposure.
Usage Process
Find: Find quick apps on AppGallery, HUAWEI Assistant, Global Search, and more.
Open: Tap to open a quick app instantly without installation. Quick apps support automatic update and take up minimum storage.
Use: Enjoy the smooth interaction, stylish UI, comprehensive functions, and optimal performance of quick apps.
Leave: Access a used quick app again by adding it to the home screen or through recently used apps or push notifications.
Quick App Development
Tool
Huawei provides you with a complete set of development tools to develop and debug your quick apps.
HUAWEI Quick App IDE: A one-stop quick app development tool that is built based on the VSCode framework. It provides a complete set of easy-to-use features and capabilities, such as project management, programming, real-time preview, inspection, debugging, cloud test and release, helping you maximize your productivity.
Installing Huawei Quick App IDE Quick App IDE User Guide
Huawei Quick App Loader: Use it to launch and debug quick apps.
Installing Huawei Quick App Loader
Huawei Quick App PC Assistant: Use it to load quick apps to multiple terminals, testing cards, and hap links.
Installing Huawei Quick App PC Assistant PC Assistant Operation Guide
Integration with Huawei Open Capabilities
HUAWEI Quick App allows you to integrate the following capabilities of HMS Core to your quick app:
HUAWEI Account Kit allows you to offer simple, secure, and quick sign-in and authorization functions.
Accessing HUAWEI Account Kit
HUAWEI In-App Purchases allows you to implement the in-app payment function only by simple integration, helping you gain more revenue quickly.
Accessing HUAWEI In-App Purchases
HUAWEI Push Kit allows your app to push messages to users at the right moment. You can send messages to your users through your apps in real time. This helps you maintain closer ties with your users and increases user awareness and engagement.
Accessing HUAWEI Push Kit
HUAWEI Location Kit enables your app to quickly and accurately obtain user locations.
Accessing HUAWEI Location Kit
For details about Huawei developers and HMS, visit the website.
HUAWEI Developer Forum | HUAWEI Developer
forums.developer.huawei.com
Any specific IDE is recommended to develop QuickApp ?
Does it have any restrictions?

Integrating Dynamic Tag Manager (DTM) in applications to Improve Business

Introduction
Huawei Dynamic Tag Manager (DTM) is a dynamic tag management system. We can manage tags, events dynamically from web UI. It also helps to send data to third party analytics platform like Huawei Analytics, Google Analytics, Facebook Analytics and AppsFlyer etc.
How DTM improves our business?
As we know, it’s a Dynamic Tag Management System. So if we are sending events on any page, button click or Navigation to other screens, we can filter those events dynamically from web.
For example, Pharmacy app is used for purchasing medicine online and it shows the list of medicine and price. When we click on Buy button to purchase medicine, it will send the Medicine name, id, price and description to Huawei Analytics. But if we are putting condition on web UI for price (price > 10), then we will get analytics data of those medicine which is having price more than 10 INR. Like this we can manage lot of things. With these features we can analyze our data smoothly and can make profit which will help to improve our business.
Let us start with the project configuration part:
Step 1: Implement IAP (In-App Purchase) in Pharmacy App.
Step 2: Install Huawei DTM NuGet Package.
Step 3: Install Huawei.Hms.Hianalytics package using Step 2.
Step 4: Select Project Setting > Grow > Dynamic Tag Manager and enable it.
Step 5: Enter the details and click OK to create DTM configuration.
Step 6: After configuration success, it will create the Configuration code.
Step 7: Click Version tab and create version.
Step 8: Click Variable tab and click Configure/Create button to set Preset/Custom variable for events and tags.
a) Preset Variable: These are predefined variables which can be used to configure most of the tags and conditions. Currently DTM provides 18 preset variables.
b) Custom Variable: You can also create your custom variable for tags and conditions according to your project. Currently 6 types of custom variables are present.
Step 9: Click Condition tab and create the condition.
Step 10: Click Tag tab and create the tag.
Step 11: Select Project Setting > Huawei Analytics > App debugging and enable it for getting real time analytics data.
Step 12: For checking the real time events, enable debug mode by using below commands.
Enable
adb shell setprop debug.huawei.hms.analytics.app <package_name>
Disable
adb shell setprop debug.huawei.hms.analytics.app .none.
Now your configuration part completed.
Let us start with the implementation part:
Step 1: Initialize Huawei Analytics inside MainActivity’s OnCreate() method.
Step 2: Send the events using Huawei Analytics OnEvent() method.
Now implementation part done.
Result
Tips and Tricks
Please enable app debug mode using command “adb shell setprop debug.huawei.hms.analytics.app <package_name>”.
Conclusion
In this Article, We have learnt how to improve our business with the help of Huawei Dynamic Tag Management System. We can also place some ads on the basis of user engagement on the application to maximize our profit.
To learn more about DTM, please visit:
>> DTM official website
>> DTM development guide
>> DTM codelab
Thanks for sharing!!
Can we get customized list of events with this DTM?
muraliameakula said:
Can we get customized list of events with this DTM?
Click to expand...
Click to collapse
Yes, DTM can get all the custom events and do some processing.
How long it takes to reflect DTM condition change in the client application?
Basavaraj.navi said:
How long it takes to reflect DTM condition change in the client application?
Click to expand...
Click to collapse
Hi, for Android/iOS, it takes 6 hours. for Web it takes 15 minutes.
What are the permissions required?
muraliameakula said:
What are the permissions required?
Click to expand...
Click to collapse
Hi, DTM SDK will be started and closed with the call of relevant interfaces. No additional actions will be done in the background. The required permissions are: INTERNET and ACCESS_NETWORK_STATE.

Categories

Resources