Secure Modal (Apple Pay)

Trigger native secure modal contexts for Apple Pay, Google Pay, and sensitive authentication sheets. Nativine provides isolated native modal viewports that prevent webview script inspection during high-security payment processing.

1. Overview & Native Capabilities

Sensitive payment authorizations require isolated native UI contexts to meet Apple and Google store guidelines. Nativine's Secure Modal plugin renders native sheet viewports above your web application:

• Native Apple Pay Sheet: Present the official Apple Pay sheet (PKPaymentAuthorizationViewController) with biometric Face ID / Touch ID verification.
• Google Pay Native Sheet: Present the native Google Pay PaymentSheet API on Android devices.
• Isolated Execution Environment: Ensures credit card tokens and biometric approvals are processed directly by native OS payment daemons.

2. Configuration & App Builder Setup Guide

Phase 1: Apple Developer Portal Key Retrieval

1. Log in to your Apple Developer Account at developer.apple.com.
2. Navigate to Certificates, Identifiers & Profiles > Merchant IDs.
3. Copy your registered Merchant Identifier (e.g. merchant.com.yourcompany.app).

Phase 2: Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click the Add-ons & Plugins tab in the left builder menu.
3. Locate or search for Secure Modal (Apple Pay), toggle the plugin ON (or click Enable), and click Config.
4. Paste your Merchant Identifier into the configuration input field.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To present an Apple Pay or Google Pay payment sheet from your web checkout page, call nativine.secureModal.presentApplePay():

nativine.secureModal.presentApplePay({
  merchantId: 'merchant.com.yourcompany.app',
  countryCode: 'US',
  currencyCode: 'USD',
  summaryItems: [
    { label: 'Order Total', amount: '49.99' }
  ],
  callback: 'onApplePayTokenReceived',
  onError: 'onApplePayCancelled'
});

Parameters

4. Frequently Asked Questions (Q&A)