https://github.com/blaur/nativescript-mobilepay

A NativeScript plugin to provide an integration with danish MobilePay
https://github.com/blaur/nativescript-mobilepay

angular mobilepay nativescript typescript

Last synced: about 1 month ago
JSON representation

A NativeScript plugin to provide an integration with danish MobilePay

• Host: GitHub
• URL: https://github.com/blaur/nativescript-mobilepay
• Owner: blaur
• License: apache-2.0
• Created: 2019-05-29T07:11:22.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T05:59:07.000Z (almost 2 years ago)
• Last Synced: 2024-05-28T00:01:08.153Z (7 months ago)
• Topics: angular, mobilepay, nativescript, typescript
• Language: JavaScript
• Size: 4.53 MB
• Stars: 3
• Watchers: 0
• Forks: 0
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NativeScript MobilePay 1.1.2

[![npm version](https://badge.fury.io/js/nativescript-mobilepay.svg)](https://badge.fury.io/js/nativescript-mobilepay)

This plugin is a wrapper for the MobilePay AppSwitch SDK (https://github.com/MobilePayDev/MobilePay-AppSwitch-SDK). It allows your app to utilize and integrate directly with Mobile Pay if installed on the phone.

## (Optional) Prerequisites / Requirements

To use the plugin you would have create an account at MobilePay.

## Installation

Describe your plugin installation steps. Ideally it would be something like:

```javascript

    tns plugin add nativescript-mobilepay

```

## Usage 

First add the following lines to main.ts:

```javascript

    import { platformNativeScriptDynamic } from "nativescript-angular/platform";

    import { AppModule } from "./app/app.module";

    import { MobilePay } from "nativescript-mobilepay";

    // Do this for nativescript-mobilepay

    var mobilePay = new MobilePay();

    mobilePay.addDelegate();

    platformNativeScriptDynamic().bootstrapModule(AppModule);

```

Simply import the MobilePay class as shown below and start using the features.

	

```javascript

    import { Component, OnInit } from "@angular/core";

    import { MobilePay } from 'nativescript-mobilepay';

    import { isAndroid, isIOS } from 'tns-core-modules/platform';

    declare var dk: any;

   @Component({

    selector: "Home",

    moduleId: module.id,

    templateUrl: "./home.component.html"

    })

    export class HomeComponent implements OnInit {

        private mobilePay: MobilePay;

        constructor() {

            // Use the component constructor to inject providers.

        }

        ngOnInit(): void {

            // Create an instance on init. Important!

            this.mobilePay = new MobilePay();

            this.mobilePay.createMobilePayInstance("APPDK0000000000");

        }

        pay() {

            const isInstalled = this.mobilePay.isMobilePayInstalled("APPDK0000000000");

            console.log("Mobile Pay installed? " + isInstalled + " Android: " + isAndroid + " iOS: " + isIOS);

            // You can choose to provide a result callback like this

            MobilePay.onPaymentSuccess = (result) => (console.log("WE MADE A SUCCESSFUL RESULT"));

            MobilePay.onPaymentFailure = (failure) => (console.log("WE MADE A FAILURE LOL"));

            MobilePay.onPaymentCancel = () => (console.log("WE MADE A SUCCESSFUL CANCEL"));

            if(isInstalled) {

                this.mobilePay.MakePayment("APPDK0000000000", 1.0, "86715c57-8840-4a6f-af5f-07ee89107ece")

            }

        }

    }

```

## API

Properties of the plugin

### createMobilePayInstance

Creates a mobile pay instance. Please see demo example.

### isMobilePayInstalled

Checks whether or not mobile pay is installed on device.

### MakePayment

Makes a payment request to mobile pay.

### onPaymentSuccess

Callback function if a payment was successful.

### onPaymentFailure

Callback if payment failed.

### onPaymentCancel()

Callback if payment was cancelled.

    

## License

Apache License Version 2.0, January 2004