# Integration with Ionic5 Capacitor and Vuejs

**URL:** <https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233>\
**Category:** Web\
**Created:** [March 22, 2020, 4:36pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233 "2020-03-22T16:36:01Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![franckysolo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/franckysolo/32/3891_2.png) [@franckysolo](https://devforum.zoom.us/u/franckysolo)\
**Post date:** [March 22, 2020, 4:36pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/1 "2020-03-22T16:36:01Z")

</div>

**Description**  
hello,  
sorry for my english  
I’m trying to test your sdk api on a vue-ionic project for futur integration (…maybe)  
The libs files .aar are not find when building project on android through capacitor  
they are presents in plugin directory but the build could not find them  
I need to move them in parent directory (libs and not libs/android) to make the build work

**Which version?**

```json
Os linux 18.04
Node v10.18.0
Npm v6.9.0
Android studio 3.6.1
Graddle 5.4.1

"dependencies": {
    "@angular/core": "^9.0.7",
    "@capacitor/android": "^2.0.0-beta.0",
    "@capacitor/cli": "^2.0.0-beta.0",
    "@capacitor/core": "^2.0.0-beta.0",
    "@ionic-native/core": "^5.22.0",
    "@ionic-native/zoom": "^5.22.0",
    "@ionic/core": "^5.0.5",
    "@ionic/pwa-elements": "^1.5.1",
    "cordova-android": "^8.1.0",
    "cordova-plugin-androidx": "^1.0.2",
    "cordova-plugin-androidx-adapter": "^1.1.0",
    "cordova.plugin.zoom": "^4.4.5513-0.712",
    "core-js": "^3.6.4",
    "ionic": "^5.4.16",
    "jetifier": "^1.6.5",
    "rxjs": "^6.5.4",
    "vue": "^2.6.11"
  },

```

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:

1. build the project with npm run build
2. npx cap syn & npx cap open android
3. Graddle build show 2 errors :
4. ERROR: Failed to resolve: :commonlib:
5. ERROR: Failed to resolve: :mobilertc:

Testing on localhost with chrome inspect device and azus tablet

**Example Repository**  
[git repo](https://github.com/franckysolo/ionic-vue-capacitor-zoom)

**Tablet :**

- Device: Asuz ZenPad
- OS: Android
- Version 5.0.2

**Additional context**  
Another thing when running sample app  
i’ve got many info in console run log like  
I/Choreographer: Skipped 33 frames! The application may be doing too much work on its main thread.

Thanks

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [March 24, 2020, 1:05am UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/2 "2020-03-24T01:05:45Z")

</div>

Hi [franckysolo](https://devforum.zoom.us/u/franckysolo),

Thanks for using Zoom SDK. Our SDK supports neither Ionic Capacitor nor Vue.js at the moment. I will forward this as a feature request to the engineering team and we will look into the possibility of supporting this in the future. Thanks!

---

<div class="post-metadata">

**Author:** ![goldiamond.2010](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/goldiamond.2010/32/4038_2.png) [@goldiamond.2010](https://devforum.zoom.us/u/goldiamond.2010)\
**Post date:** [March 24, 2020, 12:47pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/3 "2020-03-24T12:47:13Z")

</div>

This error is not related to Vue, same error i got in Ionic Blank App.  
Just run ionic start -\> npm run build -\> npx cap syn & npx cap open android

---

<div class="post-metadata">

**Author:** ![franckysolo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/franckysolo/32/3891_2.png) [@franckysolo](https://devforum.zoom.us/u/franckysolo)\
**Post date:** [March 24, 2020, 2:40pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/4 "2020-03-24T14:40:36Z")

</div>

Hello Carson\_Chen,  
thanks for reply, as is not supported i’ve manage to make it work 🙂  
it’s just the android build with capacitor and graddle… maybe a path issue…  
for more information  
after the build  
the libs are located in  
capacitor-cordova-android-plugins/src/main/libs/android/commonlib.aar  
capacitor-cordova-android-plugins/src/main/libs/android/mobilertc.aar

the build search for  
capacitor-cordova-android-plugins/src/main/libs/commonlib.aar  
capacitor-cordova-android-plugins/src/main/libs/mobilertc.aar

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [March 24, 2020, 6:36pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/5 "2020-03-24T18:36:30Z")

</div>

Hi [franckysolo](https://devforum.zoom.us/u/franckysolo),

Glad to hear that it is working and thanks for sharing the experience. Happy Zooming! 🙂

---

<div class="post-metadata">

**Author:** ![franckysolo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/franckysolo/32/3891_2.png) [@franckysolo](https://devforum.zoom.us/u/franckysolo)\
**Post date:** [April 6, 2020, 12:37pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/6 "2020-04-06T12:37:35Z")

</div>

Hi Carson\_Chen,

i needed to integrate websdk too, it was working as expected until 02/04 (even if it’s quite impossible to customize css integration) but until the 03 april websdk is down, the zoomus status server was in maintenance until sunday and mark as operational,  
i read other thread about that and it’s a beat disturbing

i’ve update @zoomus/websdk to 1.7.3 but could not join meeting the console js show message:  
join invalid parameter !!!  
when try to join instant meeting

Maybe you could clarified what happens for all developers who need information  
Most of them have deadlines and we need to know  
So maybe change the status server if websdk is down or update your documentation

Thanks for reply

fky

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [April 6, 2020, 5:52pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/7 "2020-04-06T17:52:11Z")

</div>

Hi fky,

Thanks for the reply. I do not work on WebSDK so I might not be the best person to speak with regarding the questions on Web SDK. Let me move this post to the proper forum and one of the experts would be happy to assist you.

Thanks!

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 21, 2020, 8:15pm UTC](https://devforum.zoom.us/t/integration-with-ionic5-capacitor-and-vuejs/9233/8 "2020-08-21T20:15:56Z")

</div>


