Base64 encode decode client side

Wappler General How To
#1

I need to use client side base64 encode and base64 decode for my payment page .
but I cant see option can you guide me @Teodor

#2

Well, if you explain a little more detailed what you need to do, i will probably be able to guide you :slight_smile:

#3

I’m creating payment page .
All Turkish banks works with 3D secure payment method . I created all API actions for payment process and working perfect . Last step I have to bind to result (base64 decoded result) returned from API.

{{form.data.api1.data.threeDSHtmlContent.}}
so I need

{{form.data.api1.data.threeDSHtmlContent.base64xyz()}}

3ds
3ds.jpg1919×900 241 KB

#4

Is your server action result encoded or do you need to encode it?

#5

example response
I have to use threeDSHtmlContent key

{
    "status": "success",
    "locale": "tr",
    "systemTime": 1475507060559,
    "conversationId": "123456789",
    "threeDSHtmlContent": "PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KPGhlYWQ+C
    iAgICA8dGl0bGU+aXl6aWNvIE1vY2sgM0QtU2VjdXJlIFByb2Nlc3NpbmcgUGFnZTwvdGl0bGU+Cj
    wvaGVhZD4KPGJvZHk+Cjxmb3JtIGlkPSJpeXppY28tM2RzLWZvcm0iIGFjdGlvbj0iaHR0cHM6Ly9
    zYW5kYm94LWFwaS5peXppcGF5LmNvbS9wYXltZW50L21vY2svaW5pdDNkcyIgbWV0aG9kPSJwb3N0
    Ij4KICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIG5hbWU9Im9yZGVySWQiIHZhbHVlPSJtb2NrNDYtMj
    E0MTFpeXppb3JkIj4KICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIG5hbWU9ImJpbiIgdmFsdWU9IjU
    1Mjg3OSI+CiAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBuYW1lPSJzdWNjZXNzVXJsIiB2YWx1ZT0
    iaHR0cHM6Ly9zYW5kYm94LWFwaS5peXppcGF5LmNvbS9wYXltZW50L2l5emlwb3MvY2FsbGJhY2
    szZHMvc3VjY2Vzcy8yNyI+CiAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBuYW1lPSJmYWlsdXJlVX
    JsIiB2YWx1ZT0iaHR0cHM6Ly9zYW5kYm94LWFwaS5peXppcGF5LmNvbS9wYXltZW50L2l5emlwb3
    MvY2FsbGJhY2szZHMvZmFpbHVyZS8yNyI+CiAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBuYW1lPS
    Jjb25maXJtYXRpb25VcmwiIHZhbHVlPSJodHRwczovL3NhbmRib3gtYXBpLml5emlwYXkuY29tL3
    BheW1lbnQvbW9jay9jb25maXJtM2RzIj4KICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIG5hbWU9IlB
    hUmVxIiB2YWx1ZT0iYzU1ZmM5NzctNzVmNC00MDM4LWFjMzgtYzQ1YTg5OGZmNzI4Ij4KPC9mb3J
    tPgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CiAgICBkb2N1bWVudC5nZXRFbGVtZW50Q
    nlJZCgiaXl6aWNvLTNkcy1mb3JtIikuc3VibWl0KCk7Cjwvc2NyaXB0Pgo8L2JvZHk+CjwvaHRtbD4="
}
#6

So your threeDSHtmlContent is already encoded with base64 and you want to decode it and display decoded result on the page?

#7

yes right teodor :+1:

#8

You would need to decode it in server connect. There is no decode formatter in the App Connect data formatter.

#9

but it is form data result not possible on server connect

#10

Ok, then please check this:

#11

thank you so much @Teodor
perfect :slight_smile: