How to Build Your Own Capacitor Plugin for Ionic
HTML-код
- Опубликовано: 10 авг 2020
- Learn to build your own Capacitor plugins with native code for iOS, Android and a simple web implementation! We will build a plugin together to retrieve the contacts of your device together today.
🔥Learn Ionic faster with the Ionic Academy: ionicacademy.com/
🎉 Get my Practical Ionic Book: devdactic.com/practical-ionic/
#############################
👨💻Want to read instead of watch?
Here's the full Ionic tutorial: devdactic.com/build-capacitor...
🤷♂️Want more Ionic tutorials?
There you go: devdactic.com/
⚡️Take my 7 Day Ionic Crash Course
ionicacademy.com/ionic-crash-...
#############################
❤️You can also find me...
on / simongrimm_
on / schlimmson
on / devdactic
############################# 
Наука
Jesus, this video is under 30 mins but contains work load that could take days or even weeks. Astonishing. Simon, you are one of a kind.
Am glad you are a believer!
Thanks a lot!! Yeah it takes time to prepare these videos, so perhaps other people can save some valuable time :)
Great work Simon!! straight forward tutorial.. thank you!
I was waiting for it... Thanks
Brilliant tutorial! Thank you.
Great work!!! Thanks a lot, Simmon!
My pleasure!
Thanks for making this video, I know it was a while ago now, but it's a real time saver tutorial... thanks again! oh.. and that Beard, is killer!
Thanks a lot Paul!
thanks Simon!
Grateful for this
Please do some video on hot code push for capacitor
Thank you! 😁
You are welcome!
I used this video to create plugins earlier this year and it worked great. This past week I started a new project and created a new plugin only to have "ERROR Error: "xxx" plugin is not implemented on android" turn up when testing on Android every time. It will work fine on web. Can't figure out the issue. Tried everything
thanks you man really thank you ❤️
You're welcome!
@@galaxies_dev can we have a quick win video on how to customize ion alert for danger , success , primary ,secondary colors
I was searching a guide for this, Thank you, do you work in something about open libraries contributions?
No I currently don't really have any time left to contribute to repositories :/
Hi, Simon thank you for this tutorial I really found it helpful. I’m currently creating my own custom plugin with TwilioVideo and I ran into an issue "this module cannot be found" even after run pod install. Any idea how to fix it?
Hi have you completed twilioAudio I need it fir ionic ios
Hey Simon, great tutorial! :) I am on 17:40 timestamp in the video implementing android part of the plugin, how did you get the plugin folder inside the ionic project folder in android studio? I only see other three folders there.
I just ran "npx cap open android" and waited until the sync was finished!
Gotta be one of the best channel on Ionic around if not the best.
However call.getWhatever is always empty on Android studio.
00:45 it doesn't show the dialogue to me. it only says npx: installed etc. It would be nice if you showed how it works on windows/linux too in your videos
How can i fix this ?
Error: "DemoPlugin" plugin is not implemented on android
Nice video but i have an issue.When the app run on android, works only web method implementation not android plugin method.Any idea? Thanks.
Hmm are you perhaps importing only the web version and not importing it from the Capacitor Plugins object? because only in there is the native implementation!
Nice vedio I follow all your vedios those are great I have dought in receiving notifications from firebase use PHP as backend can you make a vedio on this
Use web push with php
Hello Simon, this is not related to the video but I'm using Ionic to build app for android and iOS. I used sqlite as local db as I have to perform some complex queries on the data and it worked fine as well! But then the demand came for pwa and sqlite is not working for it as it is a cordova plug in. I switched to ionic storage which basically uses key value pair. Initially it worked but as the data got complex using key value pairs doesn't help much in extracting data. I used joins in rdbms and now I just don't understand how to do that with this now. I am doomed, please help. Is there any way I can use sqlite for pwa?
No you can't use an SQLite db inside a PWA as of now. Indexed db is also not really the best solution, so Ionic Storage is more meant for small chunks of data but it can't replace a SQLite database. Perhaps check out something completely different like PuchDB instead!
Emperor Simon Grimm!
Hey Simon, thanks for the video. I have a question, how do we import the same in Capacitor 3.0 as Plugins is deprecated?
Might have to create a new video on that, haven't tried it myself yet!
@@galaxies_dev dale pa, metele que necesito hacer un plugin con capacitor 4 y no funca. Ponete al tiro Saymon
@Simon Grimm Saaaaymooooon. Sigo esperando el plugin para capacitor 4 paaaa. Estas lento como tortuga carreando un auto
@@jonatanvalor8447 Somos 2, papurri!
Hi Simon, if I have to add an external javascript library into capacitor plugin, how can we do that?
You can usually import them at the top of your file like other packages, the import might just look a bit different but overall that should work!
Simon how you able to get the type definitions of your custom plugin to work? my plug in works fine but none of the type definitions from my exported interface are available! hovering over const { Myplugin } = Plugins; we see "const Myplugin: { [prop:string]: any; } and for Myplugins.whatever no types are available.
I think you can add it to the web interface of the project and import that file as well!
Hi Simon, I've done exactly the same thing as you, but still getting "ContactsPlugin does not have web implementation" error in web app. I have used: import 'contacts-plugin'; in home.page.ts but still get the same error. Can you help?
I had the same issue. I had to run 'npm run serve --preserve-symlinks' and then it started working.
Not able to see single line of code. Much better if you zoom in a little bit
You mean for Android? Everything else was already highly zoomed!
Great work Simon!! Your tutorial helped but changes required as there are version changes. I created the new one at ruclips.net/video/MgjzFJHMNAM/видео.html thanks.
Hey Simon , i am also developer , but i want to create NFC plugin from android NFC plugin please advice me how i can do it , or please share contact email so i can contact you , please advise