Adding Google reCAPTCHA to Ionic App


#1

We are using ionic but when we install google reCAPTCHA we can’t get it working. We have followed various guides but are now looking for someone who can successfully demonstrate an ionic app that works on iOS and Android and successfully integrates google reCAPTCHA (without the use of hacks such as iframes or modified reCAPTCHA JS).

If this is something you have done or think you can do, please let me know. We would need it within 3 days and will be happy to pay someone $500 to provide us with the following:

  1. We would want the ionic project code including an example of using the component.
  2. We need the g-recaptcha-response value accessible to our standard login form, so that we can XHR this value to our server for processing along with the other form inputs.
  3. As we will be processing it server-side, only the public key will be exposed in the app.
  4. It needs to run and compile on android and iOS with a number of other packages installed:
{
  "name": "MyApp",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "4.4.3",
    "@angular/common": "4.4.3",
    "@angular/compiler": "4.4.3",
    "@angular/compiler-cli": "4.4.3",
    "@angular/core": "4.4.3",
    "@angular/forms": "4.4.3",
    "@angular/http": "4.4.3",
    "@angular/platform-browser": "4.4.3",
    "@angular/platform-browser-dynamic": "4.4.3",
    "@ionic-native/app-version": "^4.1.0",
    "@ionic-native/background-mode": "^4.3.2",
    "@ionic-native/barcode-scanner": "^4.3.2",
    "@ionic-native/clipboard": "^3.14.0",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/device": "^4.3.2",
    "@ionic-native/facebook": "^4.3.2",
    "@ionic-native/fingerprint-aio": "^4.3.2",
    "@ionic-native/globalization": "^4.3.1",
    "@ionic-native/network": "^4.1.0",
    "@ionic-native/qr-scanner": "^4.3.2",
    "@ionic-native/splash-screen": "3.12.1",
    "@ionic-native/status-bar": "^3.12.1",
    "@ionic/storage": "2.0.1",
    "@ngx-translate/core": "^8.0.0",
    "@ngx-translate/http-loader": "^0.1.0",
    "angular-svg-icon": "^4.2.5",
    "benchmark": "^2.1.4",
    "cordova-android": "6.2.3",
    "cordova-browser": "^4.1.0",
    "cordova-ios": "^4.4.0",
    "cordova-plugin-add-swift-support": "^1.7.0",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-background-mode": "^0.7.2",
    "cordova-plugin-compat": "^1.0.0",
    "cordova-plugin-console": "^1.0.5",
    "cordova-plugin-device": "^1.1.6",
    "cordova-plugin-facebook4": "1.7.4",
    "cordova-plugin-fingerprint-aio": "^1.3.2",
    "cordova-plugin-globalization": "^1.0.7",
    "cordova-plugin-inappbrowser": "^1.7.1",
    "cordova-plugin-network-information": "^1.3.3",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-statusbar": "^2.2.2",
    "cordova-plugin-whitelist": "^1.3.1",
    "ionic-angular": "3.7.1",
    "ionic-plugin-deploy": "^0.6.7",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic2-pincode-input": "0.0.10",
    "ionicons": "3.0.0",
    "phonegap-plugin-barcodescanner": "6.0.8",
    "rxjs": "5.4.3",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.0.0",
    "ionic": "3.17.0",
    "typescript": "2.3.4"
  },
  "description": "This is my awesome app",
  "cordova": {
    "plugins": {
      "cordova-plugin-console": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-whitelist": {},
      "ionic-plugin-keyboard": {},
      "cordova-plugin-inappbrowser": {},
      "ionic-plugin-deploy": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-facebook4": {
        "APP_ID": "123456789123456",
        "APP_NAME": "MyApp"
      },
      "cordova-plugin-globalization": {},
      "cordova-plugin-fingerprint-aio": {},
      "phonegap-plugin-barcodescanner": {
        "CAMERA_USAGE_DESCRIPTION": "Used to scan QR Codes"
      },
      "cordova-plugin-device": {},
      "cordova-plugin-background-mode": {}
    },
    "platforms": [
      "android",
      "browser"
    ]
  }
}

#2

Just upgrade your cordova-webview to 2.2.5 (latest). Works on Android and IOS

cordova plugin rm cordova-plugin-ionic-webview
cordova plugin add cordova-plugin-ionic-webview@latest

Don’t forget my cent pls.
BTC Address: 3NydPmWqAvsKF6vjc2byagSG36VrV5WLBG