React Native WebView : How to embed iframe with authorization header?

Question

Within WebView, I need to send authorization header token along with iframe src like this:

<WebView
    source={{
      html: '<iframe src="www.myserver.com/verifytoken.php"></iframe>',
      headers: authHeader,
    }}
/>

Please give me a clue how to achieve this?

Thank you.

Maifee Ul Asad · Answer 1 · 2021-07-05T08:17:59.393

0

Try:

class TestCase extends Component {

    render() {
        return(
            <WebView
                source={{
                    uri: xyz,
                    headers: { Authorization: abc }
                }}
            />
        )
    }
}

More available here: https://github.com/react-native-webview/react-native-webview/issues/18#issuecomment-534968842

And you can add header in iframe, reference: https://stackoverflow.com/a/13432834/10305444

edited Jul 05 '21 at 08:17

answered Jul 05 '21 at 05:34

Maifee Ul Asad

3,992
6
38
86

Maifee UI Asad, I need to embed iframe inside custom html! – webmastx Jul 05 '21 at 06:00
@webmastx and this should work, give it a shot – Maifee Ul Asad Jul 05 '21 at 06:27
UI Asad, thanks for the answer but your answer is about sending header via uri props that I already known it should work but my question is for the request from iframe! – webmastx Jul 05 '21 at 07:25
@webmastx you can't do so, here is the reference: https://stackoverflow.com/a/13432834/10305444 – Maifee Ul Asad Jul 05 '21 at 08:18

React Native WebView : How to embed iframe with authorization header?

1 Answers1