Huawei Developers
Published in

Huawei Developers

A Novice Journey of Integrating Huawei Site Kit into Ionic Application ( Cross Platform Integration )


HMS Site Kit Services

Ionic Framework



cp node_modules/@hmscore/cordova-plugin-hms-ml/ionic/dist/hms-ml node_modules/@ionic-native/ -r
ionic build
npx cap init [appName] [appId]
apply plugin: ''
apply plugin: 'com.huawei.agconnect'
dependencies {implementation 'com.huawei.hms:site:'}

Let’s Code

Avoid No Provider Error


import { Component, IterableDiffers } from ‘@angular/core’;
import { HmsSite } from ‘@ionic-native/hms-site/ngx’;

Initializing the service

Place Search

Place Search Suggestion

Nearby Place Search

Widget Search

Run application


For more reference



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store