morristech / React-Native-HMS-All-Kits

React Native HMS All Kits

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Native All HMS Kits

enter image description here

In this repository we try to combine all HMS React Native Kits in one Project!

React Native HMS packages integrated in this project:

  1. HMS / GMS Availability Checker.
  2. HMS Location Kit.
  3. Huawei Map.
  4. HMS Push Kit.
  5. Huawei Analytics Kit.
  6. Huawei Account Kit.
  7. Huawei Ads Kit.

Dowload APK

For testing of React Native project, please donwload the apk file.

Screenshots

Application

enter image description here

Screenshots

How to build a React Native Android Library

Please read this Creating a Native Module in React Native, HMS Official SDKs and creating custom bridges to have idea about how to make your own customize React Native Android Library.

Install plugins to Project

yarn add ./hms-packages/react-native-ha-interface
yarn add ./hms-packages/react-native-hms-location
yarn add ./hms-packages/react-native-hms-map
yarn add ./hms-packages/react-native-hwpush
yarn add ./hms-packages/react-native-hms-ads
yarn add ./hms-packages/react-native-hms-site

Remove plugins to Project

yarn remove react-native-ha-interface
yarn remove react-native-hms-location
yarn remove react-native-hms-map
yarn remove react-native-hwpush
yarn remove react-native-hms-ads
yarn remove react-native-hms-site

Enabling/Disabling the Debug Mode for Analytics

adb shell setprop debug.huawei.hms.analytics.app <YOUR-PACKAGE-NAME>
shell setprop debug.huawei.hms.analytics.app .none.

Official HMS Resources

HMS All Plugins:

https://developer.huawei.com/consumer/en/doc/overview/HMS-Core-Plugin

Huawei Map Kit:

Codelab:https://developer.huawei.com/consumer/en/codelab/HMSMapKit/index.html#0

Document:https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/hms-map-v4-abouttheservice

Sample Code:https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/hms-map-v4-example-rn

SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Library/hms-map-v4-sdkdownload-rn

Huawei Location Kit:

Codelab: https://developer.huawei.com/consumer/en/codelab/HMSLocationKit/index.html#0

Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/location-introduction

Sample Code: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/locationSampleCode-rn

SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Library/sdk_download_v4-rn

Push Kit:

Codelab: https://developer.huawei.com/consumer/en/codelab/HMSPushKit/index.html#0

Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/push-introduction

Client-side code: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-example-rn

SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-example-rn

Push Kit Server Side code SDK:

Supporting Language (Java, C#, Python, GoLang, PHP, Node.js)

https://developer.huawei.com/consumer/en/doc/development/HMS-Examples/push-serverjavasdk

Analytics Kit:

Codelab: https://developer.huawei.com/consumer/en/codelab/HMSAnalyticsKit-ReactNative/index.html#0

Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Guides/react-native-development

SDK Library: https://developer.huawei.com/consumer/en/codelab/HMSAnalyticsKit-ReactNative/index.html#2

Huawei Ads:

Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Guides/introduction-0000001050196714

Sample Code: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Examples/react-native-sample-code-0000001050201946

SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Library/react-native-sdk-download-0000001050444343

HMS Site Kit:

Document: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Guides/introduction-0000001050176404

Sample Code: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Examples/react-native-sample-code-0000001050329132

SDK Library: https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Library/rn-sdk-download-0000001050317544

Note:

This article and repository will be update frequently based on new HMS kits compatible with React Native Framework.

Conclusion

This article and repository will be helpful for developers as a kick-start project. Developers can check the project configuration and code and make similar changes in your React Native project to quickly get up and running for HMS solution.

About

React Native HMS All Kits


Languages

Language:Java 74.7%Language:JavaScript 23.8%Language:Ruby 0.8%Language:Objective-C 0.7%Language:Starlark 0.1%