Hi there – I’m building my first real app with Ionic. I was planning to release it as a Progressive Web App (i.e., to host it on www.myapp.com , rather than requiring the user to install it as a native app). However, I need to be able to access the device’s camera. Can I do this in a PWA, or would …

Okay - late in the day so getting tired, but here ya go. [image] judgewest2000/IonicPwa IonicPwa - Ionic Pwa Examples Normally I’d do a little vid but the wife had a baby a few days ago so I’m a bit tired. Let me know if that works for you. I’ve called it ‘Pwa…

Pretty sure this thread has some insight for you. Cheers!

You seem to be in luck. Camera is apparently one of the relatively few cordova plugins supported by the “browser” platform.

I’ve used in the browser, it works, but it renders an unstyled form at the root of <body> so you’ll need to hackishly style it to make it fit with what/where you need it to work.

YEARS ago I did a PWA app targeting the iPhone which made extensive use of the camera. It was quite simple in the end as it sent back a base64 string with which you can do whatever you like. The link beneath (nothing to do with me) has an example of that. [Janey] html5 <input…

Hello again – Thanks for the replies. However, I’m afraid I’m pretty confused, and not having much luck. I’m confused about the difference between the “www” platform and the “browser” platform. I’ve tried searching, but these are hard terms to Google. Any hints? Maybe “www” is for regular browse…

Howdy, I’ll be honest. I’ve forgot what the original goals actually were. Did you try out the link thing I sent re input type=“file” ? It would take no time at all to test it out. Though there is a current issue with that approach in the form of iOS11. They’ve broken the functionality when you ha…

I did try that. Unfortunately, I couldn’t figure out how to read the file data once the user had selected a file and submitted the form. I tried examining this.formGroup.controls.photoField.value, but it’s always an empty string.

If I get chance I could put a little implementation together.

If you do find the time, I would really appreciate it – and I’m sure that future searchers would, as well! If I can get around asking the client to sideload an app, that’s obviously a big plus…

Already add the second bit - on that git repo there’s also an example of how to handle scrolling which is worth a look.

Can I use ionic-native components in a PWA, or do I need to publish my app for iOS / Android?

Ionic Framework ionic-v3

robinyo April 10, 2018, 10:25pm 18

See: iOS 11 its not me its you (tags: iOS11, PWA, Camera)

Topic		Replies	Views
Ionic PWA - Camera ionic-v3	3	4584	October 6, 2017
Ionic PWA to access mobile camera ionic-v3	5	4052	July 10, 2017
Ionic 4 - PWA and Native Camera Plugin Help Ionic Framework	3	3004	May 28, 2019
Ionic 4 PWA Camera Ionic Framework	13	8124	May 30, 2019
Ionic 2 PWA Push notification and camera ionic-v3	1	1255	April 28, 2017

Can I use ionic-native components in a PWA, or do I need to publish my app for iOS / Android?

Related topics