How to Build Your Own Capacitor Plugin for Ionic

  Рет қаралды 22,130

Simon Grimm

Simon Grimm

Күн бұрын

Пікірлер: 52
@TheSaceone
@TheSaceone 4 жыл бұрын
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.
@brunonicholas6965
@brunonicholas6965 4 жыл бұрын
Am glad you are a believer!
@galaxies_dev
@galaxies_dev 4 жыл бұрын
Thanks a lot!! Yeah it takes time to prepare these videos, so perhaps other people can save some valuable time :)
@NazirMassaad
@NazirMassaad 4 жыл бұрын
Great work Simon!! straight forward tutorial.. thank you!
@rvuyyuru
@rvuyyuru 4 жыл бұрын
Please do some video on hot code push for capacitor
@pauldean1704
@pauldean1704 3 жыл бұрын
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!
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Thanks a lot Paul!
4 жыл бұрын
Great work!!! Thanks a lot, Simmon!
@galaxies_dev
@galaxies_dev 4 жыл бұрын
My pleasure!
@shafi2344
@shafi2344 4 жыл бұрын
I was waiting for it... Thanks
@DamienSawyer
@DamienSawyer 3 жыл бұрын
Brilliant tutorial! Thank you.
@jared4670
@jared4670 11 ай бұрын
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
@jingguoca
@jingguoca 3 жыл бұрын
thanks Simon!
@tajanamarijaatanaskova2201
@tajanamarijaatanaskova2201 Жыл бұрын
Thank you! 😁
@galaxies_dev
@galaxies_dev Жыл бұрын
You are welcome!
@samuellozada7675
@samuellozada7675 6 ай бұрын
Grateful for this
@andrewmd10
@andrewmd10 3 жыл бұрын
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
@adriangaray1877
@adriangaray1877 4 жыл бұрын
I was searching a guide for this, Thank you, do you work in something about open libraries contributions?
@galaxies_dev
@galaxies_dev 4 жыл бұрын
No I currently don't really have any time left to contribute to repositories :/
@veliyasa5041
@veliyasa5041 3 жыл бұрын
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.
@galaxies_dev
@galaxies_dev 3 жыл бұрын
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!
@pugazhavansuriya8571
@pugazhavansuriya8571 3 жыл бұрын
Hey Simon, thanks for the video. I have a question, how do we import the same in Capacitor 3.0 as Plugins is deprecated?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
Might have to create a new video on that, haven't tried it myself yet!
@jonatanvalor8447
@jonatanvalor8447 3 жыл бұрын
@@galaxies_dev dale pa, metele que necesito hacer un plugin con capacitor 4 y no funca. Ponete al tiro Saymon
@jonatanvalor8447
@jonatanvalor8447 3 жыл бұрын
@Simon Grimm Saaaaymooooon. Sigo esperando el plugin para capacitor 4 paaaa. Estas lento como tortuga carreando un auto
@alefortvi
@alefortvi 3 жыл бұрын
@@jonatanvalor8447 Somos 2, papurri!
@nmereginivincent5772
@nmereginivincent5772 3 жыл бұрын
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?
@vishalkumar-vb6he
@vishalkumar-vb6he Жыл бұрын
Hi have you completed twilioAudio I need it fir ionic ios
@Jobyx20
@Jobyx20 4 жыл бұрын
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.
@galaxies_dev
@galaxies_dev 4 жыл бұрын
I just ran "npx cap open android" and waited until the sync was finished!
@simrakhan6697
@simrakhan6697 4 жыл бұрын
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?
@galaxies_dev
@galaxies_dev 4 жыл бұрын
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!
@binoysarker903
@binoysarker903 3 жыл бұрын
How can i fix this ? Error: "DemoPlugin" plugin is not implemented on android
@mahmoudalaskalany
@mahmoudalaskalany 3 жыл бұрын
thanks you man really thank you ❤️
@galaxies_dev
@galaxies_dev 3 жыл бұрын
You're welcome!
@mahmoudalaskalany
@mahmoudalaskalany 3 жыл бұрын
@@galaxies_dev can we have a quick win video on how to customize ion alert for danger , success , primary ,secondary colors
@pracae
@pracae 3 жыл бұрын
Hi Simon, if I have to add an external javascript library into capacitor plugin, how can we do that?
@galaxies_dev
@galaxies_dev 3 жыл бұрын
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!
@minhochang9865
@minhochang9865 4 жыл бұрын
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.
@galaxies_dev
@galaxies_dev 4 жыл бұрын
I think you can add it to the web interface of the project and import that file as well!
@nortalllc1056
@nortalllc1056 4 жыл бұрын
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?
@tclark
@tclark 4 жыл бұрын
I had the same issue. I had to run 'npm run serve --preserve-symlinks' and then it started working.
@Mikerandria
@Mikerandria 3 жыл бұрын
Gotta be one of the best channel on Ionic around if not the best. However call.getWhatever is always empty on Android studio.
@emreaka3965
@emreaka3965 7 ай бұрын
Emperor Simon Grimm!
@vyshnavkumar3769
@vyshnavkumar3769 4 жыл бұрын
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
@rvuyyuru
@rvuyyuru 4 жыл бұрын
Use web push with php
@fasihuddin1950
@fasihuddin1950 2 жыл бұрын
Not able to see single line of code. Much better if you zoom in a little bit
@galaxies_dev
@galaxies_dev 2 жыл бұрын
You mean for Android? Everything else was already highly zoomed!
@techbinomial
@techbinomial 8 ай бұрын
Great work Simon!! Your tutorial helped but changes required as there are version changes. I created the new one at kzbin.info/www/bejne/g5jNq3mAfbKBd68 thanks.
@townstore5738
@townstore5738 2 жыл бұрын
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
How to Build a Native App from Angular Projects with Capacitor
29:39
How to use Ionic In App Purchase with Capacitor
24:13
Simon Grimm
Рет қаралды 23 М.
Accompanying my daughter to practice dance is so annoying #funny #cute#comedy
00:17
Funny daughter's daily life
Рет қаралды 26 МЛН
Cheerleader Transformation That Left Everyone Speechless! #shorts
00:27
Fabiosa Best Lifehacks
Рет қаралды 9 МЛН
Smart Sigma Kid #funny #sigma
00:33
CRAZY GREAPA
Рет қаралды 33 МЛН
lazy.nvim explained
14:17
TJ DeVries
Рет қаралды 7 М.
How to create project specific local plugin | Ionic | Capacitor
8:01
Massive Educator
Рет қаралды 4,8 М.
The Push Notifications Guide for Ionic & Capacitor
25:52
Simon Grimm
Рет қаралды 100 М.
Want to build a good API? Here's 5 Tips for API Design.
10:57
CodeOpinion
Рет қаралды 210 М.
Creating Your Own Media Plugin For Capacitor
55:34
Ionic
Рет қаралды 2 М.
10 Tools & Services Every Ionic Developer Should Know
21:25
Simon Grimm
Рет қаралды 26 М.
Building Ionic Desktop Apps with Capacitor and Electron
18:01
Simon Grimm
Рет қаралды 27 М.
Change Ionic TABS with Sound effects - Capacitor Native Audio Plugin
15:32
How to Cache API Responses with Ionic & Capacitor
30:10
Simon Grimm
Рет қаралды 9 М.
Accompanying my daughter to practice dance is so annoying #funny #cute#comedy
00:17
Funny daughter's daily life
Рет қаралды 26 МЛН