{"id":10637,"date":"2013-08-20T10:07:49","date_gmt":"2013-08-20T04:37:49","guid":{"rendered":"https:\/\/2thenew.online\/blog\/?p=10637"},"modified":"2013-08-26T10:09:10","modified_gmt":"2013-08-26T04:39:10","slug":"implementing-facebook-login-with-childbrowser-in-a-phonegap-app","status":"publish","type":"post","link":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/","title":{"rendered":"Implementing facebook login with childbrowser in a phonegap app"},"content":{"rendered":"<p style=\"text-align: justify\">Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform.<\/p>\n<p style=\"text-align: justify\"><strong>We used the childbrowser plugin to handle this situation in following manner \u2013<\/strong><\/p>\n<p style=\"text-align: justify\">1. Created a URL on our server, which is used as a redirection to facebook for login.<br \/>\n2. When user clicks on facebook login in mobile app, a childbrowser opens this web page on our server.<\/p>\n<pre style=\"text-align: justify\">window.plugins.childBrowser.showWebPage(\u201cwww.example.com\/fbLogin\", {\r\n showLocationBar:false\r\n }\r\n );<\/pre>\n<p style=\"text-align: justify\">3. After user logins to facebook , we intercept the URL on childbrowser to find out if authorization is done successfully. At this point, the access token can be obtained by parsing the url, as it is part of the url itself.<\/p>\n<pre style=\"text-align: justify\">window.plugins.childBrowser.onLocationChange = function (loc) {\r\n if (loc.search(\/access_token\/) != -1) {\r\n \/\/parse url to get access token\r\n window.plugins.childBrowser.close();\r\n}\r\n};<\/pre>\n<p style=\"text-align: justify\">4. Similarly logout from facebook app can be implemented by opening a childbrowser window with facebook logout url, for example \u2013<\/p>\n<pre style=\"text-align: justify\">window.plugins.childBrowser.onLocationChange = function (loc) {\r\n if (loc.search(\/token\/) == -1) {\r\n alert(\"You have been logged out !!\");\r\n window.plugins.childBrowser.close();\r\n }\r\n };\r\n window.plugins.childBrowser.showWebPage(\"https:\/\/www.facebook.com\/logout.php?next=http:\/\/www.example.com&amp;access_token=\" + fbAccessToken, {\r\n showLocationBar:false\r\n }\r\n );<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1. [&hellip;]<\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":13,"footnotes":""},"categories":[1],"tags":[4845,1180,1041,921],"class_list":["post-10637","post","type-post","status-publish","format-standard","hentry","category-technology","tag-android","tag-childbrowser","tag-facebook-login","tag-phonegap"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Prakash Balodi\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/2thenew.online\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/2thenew.online\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/2thenew.online\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#article\",\"name\":\"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog\",\"headline\":\"Implementing facebook login with childbrowser in a phonegap app\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/prakash\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"datePublished\":\"2013-08-20T10:07:49+05:30\",\"dateModified\":\"2013-08-26T10:09:10+05:30\",\"inLanguage\":\"en-US\",\"commentCount\":2,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#webpage\"},\"articleSection\":\"Technology, Android, childbrowser, Facebook login, Phonegap\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#listItem\",\"name\":\"Implementing facebook login with childbrowser in a phonegap app\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#listItem\",\"position\":3,\"name\":\"Implementing facebook login with childbrowser in a phonegap app\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/prakash\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/prakash\\\/\",\"name\":\"Prakash Balodi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/32f51f51cd4b1925e42b22626a4f07560afa28804014d45d2f71c58491967174?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Prakash Balodi\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/\",\"name\":\"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog\",\"description\":\"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \\u2013 1.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/prakash\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/prakash\\\/#author\"},\"datePublished\":\"2013-08-20T10:07:49+05:30\",\"dateModified\":\"2013-08-26T10:09:10+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog","description":"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.","canonical_url":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#article","name":"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog","headline":"Implementing facebook login with childbrowser in a phonegap app","author":{"@id":"https:\/\/2thenew.online\/blog\/author\/prakash\/#author"},"publisher":{"@id":"https:\/\/2thenew.online\/blog\/#organization"},"datePublished":"2013-08-20T10:07:49+05:30","dateModified":"2013-08-26T10:09:10+05:30","inLanguage":"en-US","commentCount":2,"mainEntityOfPage":{"@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#webpage"},"isPartOf":{"@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#webpage"},"articleSection":"Technology, Android, childbrowser, Facebook login, Phonegap"},{"@type":"BreadcrumbList","@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog#listItem","position":1,"name":"Home","item":"https:\/\/2thenew.online\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/2thenew.online\/blog\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#listItem","name":"Implementing facebook login with childbrowser in a phonegap app"},"previousItem":{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#listItem","position":3,"name":"Implementing facebook login with childbrowser in a phonegap app","previousItem":{"@type":"ListItem","@id":"https:\/\/2thenew.online\/blog\/category\/technology\/#listItem","name":"Technology"}}]},{"@type":"Organization","@id":"https:\/\/2thenew.online\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/2thenew.online\/blog\/"},{"@type":"Person","@id":"https:\/\/2thenew.online\/blog\/author\/prakash\/#author","url":"https:\/\/2thenew.online\/blog\/author\/prakash\/","name":"Prakash Balodi","image":{"@type":"ImageObject","@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/32f51f51cd4b1925e42b22626a4f07560afa28804014d45d2f71c58491967174?s=96&d=mm&r=g","width":96,"height":96,"caption":"Prakash Balodi"}},{"@type":"WebPage","@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#webpage","url":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/","name":"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog","description":"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/2thenew.online\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/#breadcrumblist"},"author":{"@id":"https:\/\/2thenew.online\/blog\/author\/prakash\/#author"},"creator":{"@id":"https:\/\/2thenew.online\/blog\/author\/prakash\/#author"},"datePublished":"2013-08-20T10:07:49+05:30","dateModified":"2013-08-26T10:09:10+05:30"},{"@type":"WebSite","@id":"https:\/\/2thenew.online\/blog\/#website","url":"https:\/\/2thenew.online\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/2thenew.online\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog","og:description":"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.","og:url":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/","og:image":"https:\/\/2thenew.online\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/2thenew.online\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"Implementing facebook login with childbrowser in a phonegap app | TO THE NEW Blog","twitter:description":"Recently in one of my phonegap apps, I had to implement login with facebook functionality. Because the app was targeted towards multiple platforms (ios and android), so for this we needed a javascript based solution that can work on multiple platform. We used the childbrowser plugin to handle this situation in following manner \u2013 1.","twitter:image":"https:\/\/2thenew.online\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"10637","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2021-04-30 02:20:32","updated":"2024-02-29 08:50:24","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/2thenew.online\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/2thenew.online\/blog\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tImplementing facebook login with childbrowser in a phonegap app\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/2thenew.online\/blog"},{"label":"Technology","link":"https:\/\/2thenew.online\/blog\/category\/technology\/"},{"label":"Implementing facebook login with childbrowser in a phonegap app","link":"https:\/\/2thenew.online\/blog\/implementing-facebook-login-with-childbrowser-in-a-phonegap-app\/"}],"_links":{"self":[{"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/posts\/10637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/comments?post=10637"}],"version-history":[{"count":0,"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/posts\/10637\/revisions"}],"wp:attachment":[{"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/media?parent=10637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/categories?post=10637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2thenew.online\/blog\/wp-json\/wp\/v2\/tags?post=10637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}