facebook login button in my website

Question

1.00/5 (1 vote)

See more:

hi friends i am trying to put a facebook login button in my website .I had copied code from facebook developers.com button is displaying to me asked for login after entering facebook username and password it is showing me following error.

Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.

please help me it is cery urgent...

Posted 30-Jul-13 23:55pm

gatturamesh

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

cpVariyani · Answer 1 · 2013-07-31T00:01:00

https://developers.facebook.com/docs/facebook-login/getting-started-web/[^]

this will defiantly solve your porblem
read and follow the instruction carefully.

i am adding the code as well.

.........................Code of .aspx Page add this page in your website.......................

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="FB.aspx.cs" Inherits="FB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

</head>
<body>
    <form id="form1" runat="server">

   <div id="fb-root"></div>
<script type="text/javascript">


    var chkURl = window.location;

    if (String(chkURl).indexOf("http://") != -1) {
        var _url = String(chkURl).split("http://");
        chkURl = _url[1];
    }
    else if (String(chkURl).indexOf("https://") != -1) {
        var _url = String(chkURl).split("https://");
        chkURl = _url[1];
    }

    window.fbAsyncInit = function () {
        FB.init({
            appId: 'your app id', // App ID
            channelUrl: chkURl, // Channel File
            status: true, // check login status
            cookie: true, // enable cookies to allow the server to access the session
            xfbml: true  // parse XFBML
        });

        // Here we subscribe to the auth.authResponseChange JavaScript event. This event is fired
        // for any authentication related change, such as login, logout or session refresh. This means that
        // whenever someone who was previously logged out tries to log in again, the correct case below
        // will be handled.
        FB.Event.subscribe('auth.authResponseChange', function (response) {
            // Here we specify what we do with the response anytime this event occurs.
            if (response.status === 'connected') {
                // The response object is returned with a status field that lets the app know the current
                // login status of the person. In this case, we're handling the situation where they
                // have logged in to the app.
                alert("111 connected");
                testAPI();
            } else if (response.status === 'not_authorized') {
                alert("222 not_authorized");
                // In this case, the person is logged into Facebook, but not into the app, so we call
                // FB.login() to prompt them to do so.
                // In real-life usage, you wouldn't want to immediately prompt someone to login
                // like this, for two reasons:
                // (1) JavaScript created popup windows are blocked by most browsers unless they
                // result from direct interaction from people using the app (such as a mouse click)
                // (2) it is a bad experience to be continually prompted to login upon page load.
                FB.login();
            } else {
                // In this case, the person is not logged into Facebook, so we call the login()
                // function to prompt them to do so. Note that at this stage there is no indication
                // of whether they are logged into the app. If they aren't then they'll see the Login
                // dialog right after they log in to Facebook.
                // The same caveats as above apply to the FB.login() call here.
                FB.login();
            }
        });
    };

    // Load the SDK asynchronously
    (function (d) {
        var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
        if (d.getElementById(id)) { return; }
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all.js";
        ref.parentNode.insertBefore(js, ref);
    } (document));

    // Here we run a very simple test of the Graph API after login is successful.
    // This testAPI() function is only called in those cases.
    function testAPI() {
        console.log('Welcome!  Fetching your information.... ');
        FB.api('/me', function(response) {
            alert('you are now login with fb');
            console.log('Good to see you, ' + response.name + '.');
            console.log(response);
        });
    }
</script>

<!--
  Below we include the Login Button social plugin. This button uses the JavaScript SDK to
  present a graphical Login button that triggers the FB.login() function when clicked.

  Learn more about options for the login button plugin:
  /docs/reference/plugins/login/ -->

<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>

    </form>
</body>
</html>

.........................Code of .aspx Page add this page in your website.......................

vivektiwari97701 · Answer 2 · 2013-07-31T00:05:00

Solution 2

http://www.nullskull.com/a/1642/aspnet-facebook-login-usercontrol.aspx[^]

Using Facebook login in ASP.NET application without any third party library.[^]

Posted 31-Jul-13 0:05am

vivektiwari97701