Taking photos with Capacitor
The first page of our application will allow the user to take photos using the camera. We will use the Capacitor runtime to get access to the native resource of the camera. To implement the page, we need to take the following actions:
- Create the user interface.
- Interact with Capacitor.
Let’s start building the user interface of the page.
Creating the user interface
Each page in our application is a different Angular component. To create an Angular component in Ionic, we can use the generate
command of the Ionic CLI:
ionic generate page capture
The previous command will perform the following actions:
- Create an Angular component named
capture
. - Create a related routes file.
Let’s start building the logic of our new page now:
- First, make our page the default when the user opens the application. Open the
app.routes.ts
file and change the first entry of theroutes
property...