5 Replies Latest reply on Jun 15, 2017 11:56 PM by Gabit_Zhake

    phonegap-facebook-plugin showing build error

    aneeskhan7 Level 1

      What I want to do is simple: the Login with FB feature.

      I googled and found out that the official plugin is: https://github.com/Wizcorp/phonegap-facebook-plugin

       

      I did a simple file: index.html and config.xml, as can be sen below.

      When I use the Phonegap Build service, I get this error in red bar:

      plugin unsupported: com.phonegap.plugins.facebookconnect @ 0.8.0

       

      Please advise.

      My codes are below.

       

       

      --- index.html ---

      <!DOCTYPE html>

      <html lang="en-us">

        <head>

        <meta charset="utf-8">

        <title> My App</title>

        <meta name="description" content="">

        <meta name="author" content="">

        </head>

        <body>

      testing FB in app

        </body>

      </html>

      --- index.html ---

       

      --- config.xml ---

       

      <?xml version="1.0" encoding="UTF-8"?>

       

       

      <!-- config.xml reference: https://build.phonegap.com/docs/config-xml -->

      <widget xmlns     = "http://www.w3.org/ns/widgets"

              xmlns:gap = "http://phonegap.com/ns/1.0"

              id        = "com.playroof.app"

              version   = "1.0.0">

       

       

          <name>My App</name>

       

       

          <description>

      My App brings you good deals

          </description>

       

       

          <author href="http://www.getcha.com" email="1@1.com">

              Getcha Solutions

          </author>

       

       

          <!-- Define the main entry-point to the application -->

          <content src="index.html" />

       

       

          <!-- Customize your app and platform with the preference element. -->

          <preference name="DisallowOverscroll"         value="true" />

          <!-- android: MIN SDK version supported on the target device. MAX version is blank by default. -->

          <preference name="android-minSdkVersion"      value="14" />

       

       

          <!-- Define a specific version of PhoneGap to build into your app. -->

          <!-- <preference name="phonegap-version"       value="cli-6.0.0" /> -->

       

       

      <preference name="AutoHideSplashScreen" value="false" />

      <preference name="SplashMaintainAspectRatio" value="true" />

      <preference name="SplashShowOnlyFirstTime" value="false" />

       

       

          <!-- Plugins -->

          <!-- Core plugins -->

          <plugin name="cordova-plugin-battery-status"      source="npm" spec="~1.1.1" />

          <plugin name="cordova-plugin-camera"              source="npm" spec="~2.1.1" />

          <plugin name="cordova-plugin-media-capture"       source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-console"             source="npm" spec="~1.0.2" />

          <plugin name="cordova-plugin-contacts"            source="npm" spec="~2.0.1" />

          <plugin name="cordova-plugin-device"              source="npm" spec="~1.1.1" />

          <plugin name="cordova-plugin-device-motion"       source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-device-orientation"  source="npm" spec="~1.0.2" />

          <plugin name="cordova-plugin-dialogs"             source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-file"                source="npm" spec="~4.1.1" />

          <plugin name="cordova-plugin-file-transfer"       source="npm" spec="~1.5.0" />

          <plugin name="cordova-plugin-geolocation"         source="npm" spec="~2.1.0" />

          <plugin name="cordova-plugin-globalization"       source="npm" spec="~1.0.3" />

          <plugin name="cordova-plugin-inappbrowser"        source="npm" spec="~1.3.0" />

          <plugin name="cordova-plugin-media"               source="npm" spec="~2.2.0" />

          <plugin name="cordova-plugin-network-information" source="npm" spec="~1.2.0" />

          <plugin name="cordova-plugin-splashscreen"        source="npm" spec="~3.2.1" />

          <plugin name="cordova-plugin-statusbar"           source="npm" spec="~2.1.2" />

          <plugin name="cordova-plugin-vibration"           source="npm" spec="~2.1.0" />

          <plugin name="cordova-plugin-whitelist"           source="npm" spec="~1.2.1" />

       

        <gap:plugin name="com.phonegap.plugins.facebookconnect" version="0.8.0">

              <param name="APP_ID" value="197088940775547" />

              <param name="APP_NAME" value="My App" />

          </gap:plugin>

       

       

       

       

          <!-- Define app icon and splashscreen for each platform. -->

          <platform name="android">

              <icon   src="res/icon/android/drawable-ldpi-icon.png"               density="ldpi" />

              <icon   src="res/icon/android/drawable-mdpi-icon.png"               density="mdpi" />

              <icon   src="res/icon/android/drawable-hdpi-icon.png"               density="hdpi" />

              <icon   src="res/icon/android/drawable-xhdpi-icon.png"              density="xhdpi" />

              <icon   src="res/icon/android/drawable-xxhdpi-icon.png"             density="xxhdpi" />

              <icon   src="res/icon/android/drawable-xxxhdpi-icon.png"            density="xxxhdpi" />

              <splash src="res/screen/android/drawable-land-ldpi-screen.png"      density="land-ldpi" />

              <splash src="res/screen/android/drawable-land-mdpi-screen.png"      density="land-mdpi" />

              <splash src="res/screen/android/drawable-land-hdpi-screen.png"      density="land-hdpi" />

              <splash src="res/screen/android/drawable-land-xhdpi-screen.png"     density="land-xhdpi" />

              <splash src="res/screen/android/drawable-land-xxhdpi-screen.png"    density="land-xxhdpi" />

              <splash src="res/screen/android/drawable-land-xxxhdpi-screen.png"   density="land-xxxhdpi" />

              <splash src="res/screen/android/drawable-port-ldpi-screen.png"      density="port-ldpi" />

              <splash src="res/screen/android/drawable-port-mdpi-screen.png"      density="port-mdpi" />

              <splash src="res/screen/android/drawable-port-hdpi-screen.png"      density="port-hdpi" />

              <splash src="res/screen/android/drawable-port-xhdpi-screen.png"     density="port-xhdpi" />

              <splash src="res/screen/android/drawable-port-xxhdpi-screen.png"    density="port-xxhdpi" />

              <splash src="res/screen/android/drawable-port-xxxhdpi-screen.png"   density="port-xxxhdpi" />

          </platform>

       

       

          <platform name="ios">

              <icon   src="res/icon/ios/icon.png"                         platform="ios" width="57"   height="57" />

              <icon   src="res/icon/ios/icon@2x.png"                      platform="ios" width="114"  height="114" />

              <icon   src="res/icon/ios/icon-40.png"                      platform="ios" width="40"   height="40" />

              <icon   src="res/icon/ios/icon-40@2x.png"                   platform="ios" width="80"   height="80" />

              <icon   src="res/icon/ios/icon-50.png"                      platform="ios" width="50"   height="50" />

              <icon   src="res/icon/ios/icon-50@2x.png"                   platform="ios" width="100"  height="100" />

              <icon   src="res/icon/ios/icon-60.png"                      platform="ios" width="60"   height="60" />

              <icon   src="res/icon/ios/icon-60@2x.png"                   platform="ios" width="120"  height="120" />

              <icon   src="res/icon/ios/icon-60@3x.png"                   platform="ios" width="180"  height="180" />

              <icon   src="res/icon/ios/icon-72.png"                      platform="ios" width="72"   height="72" />

              <icon   src="res/icon/ios/icon-72@2x.png"                   platform="ios" width="144"  height="144" />

              <icon   src="res/icon/ios/icon-76.png"                      platform="ios" width="76"   height="76" />

              <icon   src="res/icon/ios/icon-76@2x.png"                   platform="ios" width="152"  height="152" />

              <icon   src="res/icon/ios/icon-small.png"                   platform="ios" width="29"   height="29" />

              <icon   src="res/icon/ios/icon-small@2x.png"                platform="ios" width="58"   height="58" />

              <icon   src="res/icon/ios/icon-small@3x.png"                platform="ios" width="87"   height="87" />

              <splash src="res/screen/ios/Default-568h@2x~iphone.png"     platform="ios" width="640"  height="1136" />

              <splash src="res/screen/ios/Default-667h.png"               platform="ios" width="750"  height="1334" />

              <splash src="res/screen/ios/Default-736h.png"               platform="ios" width="1242" height="2208" />

              <splash src="res/screen/ios/Default-Landscape-736h.png"     platform="ios" width="2208" height="1242" />

              <splash src="res/screen/ios/Default-Landscape@2x~ipad.png"  platform="ios" width="2048" height="1536" />

              <splash src="res/screen/ios/Default-Landscape~ipad.png"     platform="ios" width="1024" height="768" />

              <splash src="res/screen/ios/Default-Portrait@2x~ipad.png"   platform="ios" width="1536" height="2048" />

              <splash src="res/screen/ios/Default-Portrait~ipad.png"      platform="ios" width="768"  height="1024" />

              <splash src="res/screen/ios/Default@2x~iphone.png"          platform="ios" width="640"  height="960" />

              <splash src="res/screen/ios/Default~iphone.png"             platform="ios" width="320"  height="480" />

          </platform>

       

       

          <platform name="wp8">

              <icon   src="res/icon/wp8/ApplicationIcon.png"   platform="wp8" width="99"  height="99" />

              <icon   src="res/icon/wp8/Background.png"        platform="wp8" width="159" height="159" />

              <splash src="res/screen/wp8/screen-portrait.jpg" platform="wp8" width="768" height="1280" />

          </platform>

       

       

          <platform name="windows">

              <!-- For Windows the recommended approach to define app icons is to use target attribute -->

              <!-- <icon src="res/icon/windows/StoreLogo.png"         target="StoreLogo" /> -->

              <!-- <icon src="res/icon/windows/Square30x30Logo.png"   target="Square30x30Logo" /> -->

              <!-- <icon src="res/icon/windows/Square44x44Logo.png"   target="Square44x44Logo" /> -->

              <!-- <icon src="res/icon/windows/Square70x70Logo.png"   target="Square70x70Logo" /> -->

              <!-- <icon src="res/icon/windows/Square71x71Logo.png"   target="Square71x71Logo" /> -->

              <!-- <icon src="res/icon/windows/Square150x150Logo.png" target="Square150x150Logo" /> -->

              <!-- <icon src="res/icon/windows/Square310x310Logo.png" target="Square310x310Logo" /> -->

              <!-- <icon src="res/icon/windows/Wide310x150Logo.png"   target="Wide310x150Logo" /> -->

              <icon src="res/icon/windows/Square150x150Logo.scale-100.png"     platform="windows"   width="150"  height="150" />

              <icon src="res/icon/windows/Square30x30Logo.scale-100.png"       platform="windows"   width="30"   height="30" />

              <icon src="res/icon/windows/StoreLogo.scale-100.png"             platform="windows"   width="50"   height="50" />

              <splash src="res/screen/windows/SplashScreen.scale-100.png"      platform="windows"   width="620"  height="300" />

              <!-- scaled images are specified here for backward compatibility only so we can find them by size -->

              <icon   src="res/icon/windows/StoreLogo.scale-240.png"           platform="windows"   width="120"  height="120" />

              <icon   src="res/icon/windows/Square44x44Logo.scale-100.png"     platform="windows"   width="44"   height="44" />

              <icon   src="res/icon/windows/Square44x44Logo.scale-240.png"     platform="windows"   width="106"  height="106" />

              <icon   src="res/icon/windows/Square70x70Logo.scale-100.png"     platform="windows"   width="70"   height="70" />

              <icon   src="res/icon/windows/Square71x71Logo.scale-100.png"     platform="windows"   width="71"   height="71" />

              <icon   src="res/icon/windows/Square71x71Logo.scale-240.png"     platform="windows"   width="170"  height="170" />

              <icon   src="res/icon/windows/Square150x150Logo.scale-240.png"   platform="windows"   width="360"  height="360" />

              <icon   src="res/icon/windows/Square310x310Logo.scale-100.png"   platform="windows"   width="310"  height="310" />

              <icon   src="res/icon/windows/Wide310x150Logo.scale-100.png"     platform="windows"   width="310"  height="150" />

              <icon   src="res/icon/windows/Wide310x150Logo.scale-240.png"     platform="windows"   width="744"  height="360" />

              <splash src="res/screen/windows/SplashScreenPhone.scale-240.png" platform="windows"   width="1152" height="1920" />

          </platform>

       

       

          <!--

              Define access to external domains.

       

       

              <access />            - a blank access tag denies access to all external resources.

              <access origin="*" /> - a wildcard access tag allows access to all external resource.

       

       

              Otherwise, you can specify specific domains:

          -->

          <access origin="*" />

          <!--

             <access origin="http://phonegap.com" />                    - allow any secure requests to http://phonegap.com/

             <access origin="http://phonegap.com" subdomains="true" />  - same as above, but including subdomains, such as http://build.phonegap.com/

             <access origin="http://phonegap.com" browserOnly="true" /> - only allows http://phonegap.com to be opened by the child browser.

          -->

       

       

          <!-- Added the following intents to support the removal of whitelist code from base cordova to a plugin -->

          <!-- Whitelist configuration. Refer to https://cordova.apache.org/docs/en/edge/guide_appdev_whitelist_index.md.html -->

       

       

          <allow-intent href="http://*/*" />

          <allow-intent href="https://*/*" />

          <allow-intent href="tel:*" />

          <allow-intent href="sms:*" />

          <allow-intent href="mailto:*" />

          <allow-intent href="geo:*" />

          <platform name="android">

              <allow-intent href="market:*" />

          </platform>

          <platform name="ios">

              <allow-intent href="itms:*" />

              <allow-intent href="itms-apps:*" />

          </platform>

       

       

      </widget>

      --- config.xml ---