Using Capacitor Core Plugins

Welcome to the 2. day of the Capacitor Crash Course

Links:

Capacitor Plugin Docs

Commands used:

npm install @ionic/pwa-elements

1	npm install @ionic/pwa-elements

Code used in this lesson:

src/main.ts

import { defineCustomElements } from '@ionic/pwa-elements/loader';

// Call the element loader after the platform has been bootstrapped
defineCustomElements(window);

import { defineCustomElements } from '@ionic/pwa-elements/loader';

// Call the element loader after the platform has been bootstrapped

defineCustomElements(window);

src/app/home/home.page.ts

import { Plugins } from '@capacitor/core';
  const { Browser, Geolocation } = Plugins;

  async getCurrentPosition() {
    const coordinates = await Geolocation.getCurrentPosition();
    console.log('Current', coordinates);
    
    const wait = Geolocation.watchPosition({}, (position, err) => {
      console.log('err: ', err);
      console.log('Changed: ', position);
    });
  }

  openBrowser() {
    Browser.open({url: 'https://ionicacademy.com'});
  }

import { Plugins } from '@capacitor/core';

const { Browser, Geolocation } = Plugins;

async getCurrentPosition() {

const coordinates = await Geolocation.getCurrentPosition();

console.log('Current', coordinates);

const wait = Geolocation.watchPosition({}, (position, err) => {

console.log('err: ', err);

console.log('Changed: ', position);

});

}

openBrowser() {

Browser.open({url: 'https://ionicacademy.com'});

}