Tutorial: Mobile App notification and camera

[otavionestares]

Hello!

I search over Wappler Docs and this community and couldn’t find a tutorial about create a mobile app with notifications and/or how to use the device’s camera!!

Is there a “wappler way” to build it?

Thanks and have a great week!

[brad]

Hi Otavio,

You are better off checking the Cordova docs.

https://cordova.apache.org/docs/en/3.0.0/cordova/camera/camera.html
https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/

[tomcat]

Hi there,

I need similar functionality in my app too. Have you had any success?

Cheers

[Dave]

Covered the camera here:

Plans for Cordova Camera

Hi, It is not too difficult to incorporate the camera in to your application. First add the package: cordova plugin add cordova-plugin-camera Create a file called camera.js and add: document.getElementById("cameraTakePicture").addEventListener ("click", cameraTakePicture); function cameraTakePicture() { navigator.camera.getPicture(onSuccess, onFail, { quality: 100, correctOrientation: true, saveToPhotoAlbum: true, destinationType: Camera.Desti…

… Is pretty much the same for every Plugin with Cordova. Include/install the Plugin. Insert the JavaScript. Most Plugins have demo sample code which is usually quite easy to implement.

[revolution]

Hi Dave, I’m using the capacitor. Can I integrate the same code?

[Dave]

Hi @revolution,
Firstly welcome to Wappler! You will need to use the Capacitor plugin as the above is for Cordova. Should not be too dissimilar to get up and running. The following should help to get you started:

Capacitor: Cross-platform native runtime for web apps

[revolution]

Thank you! I have tried with the Cordova plugin (it is provided in capacitor) and it works great.

[brad]

Oh man! I saw ‘tutorial’ in the topic and got excited! I would love to be able to do notifications on my mobile app. Feel bummed out now.

[Teodor]

You can now access your device camera and photos for mobile and desktop apps. Please check:

Using Capacitor Camera Plugin

Intro The Camera Plugin provides the ability to take a photo with the camera or choose an existing one from the photo album for your mobile and desktop apps. In this tutorial we will show you how to use the plugin in order to take a photo and display it on your page. Page Setup We’ve create a really simple page containing a button and an image element: [Screenshot_2] We will use the button to trigger the camera or photo selector. Adding Camera Plugin First we need to add a page flow to ou…