topic Re: sample using iframe and lightbox for asp.net in Integration and Testing

sample using iframe and lightbox for asp.net

rrr944276 — Sat, 19 Aug 2017 17:44:18 GMT

i am trying to find a good sample of using the authorize.net payment form in an iframe and also sample of lightbox. I am doing this so that the customer can see which one they want. I can get the payment form to show on authorize.net website page. but can not seem to find an good exaple on the other ways

Re: sample using iframe and lightbox for asp.net

NexusSoftware — Sat, 19 Aug 2017 19:22:31 GMT

There is a very basic example of each method at : http://45.55.195.86:8080/accepthosted/

Re: sample using iframe and lightbox for asp.net

rrr944276 — Mon, 21 Aug 2017 14:50:39 GMT

This is the finshed product but not the code. The simple code how to use iframe in asp.net to use the post in a form is what i need.

Re: sample using iframe and lightbox for asp.net

NexusSoftware — Mon, 21 Aug 2017 14:56:31 GMT

Actually that one is in Java, this one https://nexwebsites.com/authorizenet/ is in C#, but the code you use to get the token is arbitrary. You say are able to get the payment form to show on Authorize.net? The only difference would be to target an iframe or modal with your form, as the case may be.

Re: sample using iframe and lightbox for asp.net

jgoldsack — Wed, 23 Aug 2017 15:47:46 GMT

Do you have the source for that C# sample that can be shared? I am having a heck of a time getting it to work in my asp.net project.

Re: sample using iframe and lightbox for asp.net

NexusSoftware — Wed, 23 Aug 2017 21:44:20 GMT

Getting an Accept Hosted payment page is even simpler using .NetCore:

    public IActionResult Index()
        {

			HttpClient client = new HttpClient();
			client.BaseAddress = new Uri(@"https://apitest.authorize.net/");
			client.DefaultRequestHeaders.Accept.Add(new System.Net.Http.Headers.MediaTypeWithQualityHeaderValue("application/xml"));
			HttpContent content = new StringContent(@"<getHostedPaymentPageRequest xmlns=""AnetApi/xml/v1/schema/AnetApiSchema.xsd"">
    <merchantAuthentication>
        <name>YOUR_API_LOGIN</name>
        <transactionKey>YOUR_TRANSACTION_KEY</transactionKey>
    </merchantAuthentication>
    <transactionRequest>
        <transactionType>authCaptureTransaction</transactionType>
        <amount>20.00</amount>
    </transactionRequest>
    <hostedPaymentSettings>
        <setting>
            <settingName>hostedPaymentBillingAddressOptions</settingName>
            <settingValue>{""show"": true, ""required"":true}</settingValue>
        </setting>
        <setting>
            <settingName>hostedPaymentButtonOptions</settingName>
            <settingValue>{""text"": ""Pay""}</settingValue>
        </setting>
        <setting>
            <settingName>hostedPaymentReturnOptions</settingName>
            <settingValue>{""url"":""https://yourstore.com/good"",""urlText"":""Continue"",""cancelUrl"":""https://yourstore.com/cancel"",""cancelUrlText"":""Cancel""}</settingValue>
        </setting>
    </hostedPaymentSettings>
</getHostedPaymentPageRequest>", System.Text.Encoding.UTF8, "application/xml"); 

			HttpResponseMessage result = client.PostAsync("xml/v1/request.api", content).Result;
            result.EnsureSuccessStatusCode();
			var resultContent = result.Content.ReadAsStreamAsync().Result;
			XDocument incomingXml = XDocument.Load(resultContent);

			var token = incomingXml.Descendants()
				.Where(a => a.Name.LocalName == "token")
				.FirstOrDefault().Value;
         
		ViewData["Message"] = token;
            return View();
        }

Re: sample using iframe and lightbox for asp.net

jgoldsack — Mon, 28 Aug 2017 19:14:23 GMT

My issue that I am having isn't getting the token and payment page, it is after that. I understand I am supposed to have a listener page and then that processes the response back on my end, but that is where I am getting lost in what needs to be done.

Re: sample using iframe and lightbox for asp.net

NexusSoftware — Mon, 28 Aug 2017 20:48:20 GMT

The response is conveyed to your parent page via your specified hostedPaymentIFrameCommunicatorUrl.

<setting>
<settingName>hostedPaymentIFrameCommunicatorUrl</settingName>
<settingValue>{"url":"https://yourstore.com/checkout/IFrameCommunicator.html"}</settingValue>
</setting>

In your parent page you could have something like the following:

<script>
    window.CommunicationHandler = {};
    function parseQueryString(str) {
        var vars = [];
        var arr = str.split('&');
        var pair;
        for (var i = 0; i < arr.length; i++) {
            pair = arr[i].split('=');
            vars[pair[0]] = unescape(pair[1]);
        }
        return vars;
    }
    window.CommunicationHandler.onReceiveCommunication = function (argument) {
        params = parseQueryString(argument.qstr)
        parentFrame = argument.parent.split('/')[4];
        switch (params['action']) {
            case "transactResponse":
                var transResponse = JSON.parse(params['response']);
                $('#demo').html("Thank you. Your Transaction Id is: "+transResponse.transId);
                             
        }

    }

</script>

What you do with the response is going to depend on what information you require and how you have your application set up.

Re: sample using iframe and lightbox for asp.net

vishalgiri — Thu, 05 Oct 2017 05:32:59 GMT

Hi Nexussoftware,

Thanks for updating on .net core support.

Can you please share link of any walkthrough for implementing same or link of source code you shared.

Re: sample using iframe and lightbox for asp.net

saketk — Wed, 31 Oct 2018 05:19:30 GMT

Hi Nexussoftware,

I am able to make the payment as you shown the example using iframe but unable to get response which shown on the iframe like transaaction id and details to our controller so i can use these data. So may you guide what should i do? Even i am getting error in console when i am using iframe.

Re: sample using iframe and lightbox for asp.net

saketk — Wed, 31 Oct 2018 05:26:50 GMT

Hi NexusSoftware,

I am looking the sample for integrating the authorizeNet using iframe as you shown in below example in java. So can you share the link or source code for reference.

Re: sample using iframe and lightbox for asp.net

mvkotekar1983 — Thu, 06 Dec 2018 14:42:12 GMT

The example is related to .net core. Anything specific to asp.net webforms related to iframe accept hosted payment page. The php example is not helping me much (I apologies for that as am new to web development). If I had an example in asp.net webform I could use it to modify accordingly.

I was able to integrate asp.net webform with webhooks and accept hosted authorize payment page. Am trying now for iframe one.

Re: sample using iframe and lightbox for asp.net

Sahithi — Thu, 02 May 2019 11:13:18 GMT

@mvkotekar1983

Can you provide me code for asp.net webform with webhooks and did you get code iframe too?

Please send me that code too if you have

Re: sample using iframe and lightbox for asp.net

mvkotekar1983 — Sat, 04 May 2019 04:35:30 GMT

https://github.com/mvkotekar this contains some exampls of authorize.net usage. THey were in working condition earlier, not sure if it works now or not. The versions of authorize.net has been changing frequently and many passvity breaks.