1 line
8.6 KiB
JSON
1 line
8.6 KiB
JSON
{"expireTime":9007200837974445000,"key":"gatsby-plugin-mdx-entire-payload-65b4eec993505616bb01ad45f3ea5749-/ilink-world","val":{"mdast":{"type":"root","children":[{"type":"import","value":"import DefaultLayout from \"D:/PROJET/iLinkApp/iLinkAppMobile/docs/node_modules/gatsby-theme-docz/src/base/Layout.js\"","position":{"start":{"line":3,"column":1,"offset":2},"end":{"line":3,"column":117,"offset":118},"indent":[]}},{"type":"export","default":true,"value":"export default DefaultLayout","position":{"start":{"line":5,"column":1,"offset":120},"end":{"line":5,"column":29,"offset":148},"indent":[]}},{"type":"heading","depth":1,"children":[{"type":"text","value":"IntersticielAds","position":{"start":{"line":8,"column":3,"offset":154},"end":{"line":8,"column":18,"offset":169},"indent":[]}}],"position":{"start":{"line":8,"column":1,"offset":152},"end":{"line":8,"column":18,"offset":169},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"La vue IntersticielAds est celle utilisé pour afficher la publicité provenant du serveur de ","position":{"start":{"line":10,"column":1,"offset":173},"end":{"line":10,"column":93,"offset":265},"indent":[]}},{"type":"link","title":null,"url":"https://ad-server.ilink-app.com/","children":[{"type":"text","value":"publicité","position":{"start":{"line":10,"column":94,"offset":266},"end":{"line":10,"column":103,"offset":275},"indent":[]}}],"position":{"start":{"line":10,"column":93,"offset":265},"end":{"line":10,"column":138,"offset":310},"indent":[]}},{"type":"text","value":" de iLink. De la même manière qu'une bannière publicitaire intersticiel de Google, elle s'affiche à interval régulier à l'utilisateur afin de ne pas gener son expérience au sein de l'application.\nelle est conçu pour s'afficher à l'utilisateur en mode plein écran avec un bouton permettant de fermé la publicité.","position":{"start":{"line":10,"column":138,"offset":310},"end":{"line":11,"column":116,"offset":622},"indent":[1]}}],"position":{"start":{"line":10,"column":1,"offset":173},"end":{"line":11,"column":116,"offset":622},"indent":[1]}},{"type":"jsx","value":"<br />","position":{"start":{"line":13,"column":1,"offset":626},"end":{"line":13,"column":7,"offset":632},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Pour ce faire, elle fait appel au package ","position":{"start":{"line":15,"column":1,"offset":636},"end":{"line":15,"column":43,"offset":678},"indent":[]}},{"type":"link","title":null,"url":"https://reactnative.dev/docs/webview","children":[{"type":"text","value":"WebView","position":{"start":{"line":15,"column":44,"offset":679},"end":{"line":15,"column":51,"offset":686},"indent":[]}}],"position":{"start":{"line":15,"column":43,"offset":678},"end":{"line":15,"column":90,"offset":725},"indent":[]}},{"type":"text","value":" de react-native afin de pouvoir affiché le contenu HTML de la bannière publicitaire provenant du serveur de publicité.","position":{"start":{"line":15,"column":90,"offset":725},"end":{"line":15,"column":209,"offset":844},"indent":[]}}],"position":{"start":{"line":15,"column":1,"offset":636},"end":{"line":15,"column":209,"offset":844},"indent":[]}},{"type":"thematicBreak","position":{"start":{"line":17,"column":1,"offset":848},"end":{"line":17,"column":4,"offset":851},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"⚠️ NB: un délais devrait être définis avant que le bouton de ferméture ne soit affiché de manière a forcer l'utilisateur à regarder tout de même la publicité durant une certaine période de temps définis au préalable.","position":{"start":{"line":19,"column":1,"offset":855},"end":{"line":19,"column":217,"offset":1071},"indent":[]}}],"position":{"start":{"line":19,"column":1,"offset":855},"end":{"line":19,"column":217,"offset":1071},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"text","value":"Rendu de la vue","position":{"start":{"line":21,"column":4,"offset":1078},"end":{"line":21,"column":19,"offset":1093},"indent":[]}}],"position":{"start":{"line":21,"column":1,"offset":1075},"end":{"line":21,"column":19,"offset":1093},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Comme expliqué plus haut, le rendu final cette interface est la publicité renvoyé par le serveur de publicité","position":{"start":{"line":23,"column":1,"offset":1097},"end":{"line":23,"column":110,"offset":1206},"indent":[]}}],"position":{"start":{"line":23,"column":1,"offset":1097},"end":{"line":23,"column":110,"offset":1206},"indent":[]}},{"type":"code","lang":"javascript","meta":null,"value":" render() {\n return (<View style={styles.parent} >\n <View style={styles.container}>\n <Icon.Button\n name={\"close\"}\n color={\"white\"}\n onPress={() => {\n this.popOverLay()\n }}\n style={{ borderRadius: 0 }}\n >Fermer</Icon.Button>\n <WebView\n source={{ uri: 'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html' }}\n style={{ flex: 1 }}\n />\n </View>\n </View>)\n }","position":{"start":{"line":25,"column":1,"offset":1210},"end":{"line":44,"column":4,"offset":1935},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"export","value":"export const _frontmatter = {}","position":{"start":{"line":47,"column":1,"offset":1939},"end":{"line":47,"column":31,"offset":1969},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":47,"column":31,"offset":1969}}},"scopeImports":[],"scopeIdentifiers":[],"rawMDXOutput":"/* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsx mdx */\nimport DefaultLayout from \"D:/PROJET/iLinkApp/iLinkAppMobile/docs/node_modules/gatsby-theme-docz/src/base/Layout.js\"\nexport const _frontmatter = {};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\")\n return <div {...props}/>\n};\n\nconst layoutProps = {\n _frontmatter\n};\nconst MDXLayout = DefaultLayout\nexport default function MDXContent({\n components,\n ...props\n}) {\n return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n\n\n <h1 {...{\n \"id\": \"intersticielads\"\n }}>{`IntersticielAds`}</h1>\n <p>{`La vue IntersticielAds est celle utilisé pour afficher la publicité provenant du serveur de `}<a parentName=\"p\" {...{\n \"href\": \"https://ad-server.ilink-app.com/\"\n }}>{`publicité`}</a>{` de iLink. De la même manière qu'une bannière publicitaire intersticiel de Google, elle s'affiche à interval régulier à l'utilisateur afin de ne pas gener son expérience au sein de l'application.\nelle est conçu pour s'afficher à l'utilisateur en mode plein écran avec un bouton permettant de fermé la publicité.`}</p>\n <br />\n <p>{`Pour ce faire, elle fait appel au package `}<a parentName=\"p\" {...{\n \"href\": \"https://reactnative.dev/docs/webview\"\n }}>{`WebView`}</a>{` de react-native afin de pouvoir affiché le contenu HTML de la bannière publicitaire provenant du serveur de publicité.`}</p>\n <hr></hr>\n <p>{`⚠️ NB: un délais devrait être définis avant que le bouton de ferméture ne soit affiché de manière a forcer l'utilisateur à regarder tout de même la publicité durant une certaine période de temps définis au préalable.`}</p>\n <h2 {...{\n \"id\": \"rendu-de-la-vue\"\n }}>{`Rendu de la vue`}</h2>\n <p>{`Comme expliqué plus haut, le rendu final cette interface est la publicité renvoyé par le serveur de publicité`}</p>\n <pre><code parentName=\"pre\" {...{\n \"className\": \"language-javascript\"\n }}>{` render() {\n return (<View style={styles.parent} >\n <View style={styles.container}>\n <Icon.Button\n name={\"close\"}\n color={\"white\"}\n onPress={() => {\n this.popOverLay()\n }}\n style={{ borderRadius: 0 }}\n >Fermer</Icon.Button>\n <WebView\n source={{ uri: 'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html' }}\n style={{ flex: 1 }}\n />\n </View>\n </View>)\n }\n`}</code></pre>\n\n </MDXLayout>;\n}\n\n;\nMDXContent.isMDXComponent = true;"}} |