{"id":5170,"date":"2024-11-30T10:20:47","date_gmt":"2024-11-30T09:20:47","guid":{"rendered":"https:\/\/www.utilewebsites.nl\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/"},"modified":"2024-11-30T10:23:02","modified_gmt":"2024-11-30T09:23:02","slug":"stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios","status":"publish","type":"wz_knowledgebase","link":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/","title":{"rendered":"Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS):"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"471\" src=\"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg\" alt=\"\" class=\"wp-image-5158\" style=\"width:306px;height:auto\" srcset=\"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg 411w, https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios-262x300.jpg 262w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/a><\/figure>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><strong>Install Required Packages<\/strong><\/strong>\u00a0Add the necessary libraries to your project:<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>npm install pdfjs-dist @capacitor\/filesystem @capacitor-community\/http\n<\/code><\/pre>\n\n\n\n<p>2. <strong>Component Code (Web en Mobile)<\/strong><br>Add the following code as a component in your Ionic Vue project:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;template&gt;\n  &lt;ion-page&gt;\n    &lt;ion-header&gt;\n      &lt;ion-toolbar&gt;\n        &lt;ion-title&gt;PDF Viewer&lt;\/ion-title&gt;\n      &lt;\/ion-toolbar&gt;\n    &lt;\/ion-header&gt;\n    &lt;ion-content class=\"ion-padding\"&gt;\n      &lt;ion-button @click=\"downloadAndRenderPdf\"&gt;Download PDF&lt;\/ion-button&gt;\n      &lt;!-- PDF.js rendering container --&gt;\n      &lt;div v-if=\"pdfUrl\"&gt;\n        &lt;canvas ref=\"pdfCanvas\" style=\"width: 100%;\"&gt;&lt;\/canvas&gt;\n      &lt;\/div&gt;\n    &lt;\/ion-content&gt;\n  &lt;\/ion-page&gt;\n&lt;\/template&gt;\n\n&lt;script&gt;\nimport { defineComponent, watch } from \"vue\";\nimport { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonButton } from \"@ionic\/vue\";\nimport { Filesystem, Directory } from \"@capacitor\/filesystem\";\nimport { CapacitorHttp } from \"@capacitor\/core\";\nimport * as pdfjsLib from 'pdfjs-dist\/legacy\/build\/pdf';\n\n\/\/ Set the workerSrc to the imported worker\npdfjsLib.GlobalWorkerOptions.workerSrc = new URL(\n  \"pdfjs-dist\/build\/pdf.worker.min.mjs\",\n  import.meta.url\n).toString();\n\nimport { Capacitor } from '@capacitor\/core';\n\n\/\/ Add detailed platform and path logging\nconst platform = Capacitor.getPlatform();\nconsole.log('Platform detection:', {\n  platform,\n  isAndroid: platform === 'android',\n  isWeb: platform === 'web'\n});\n\nexport default defineComponent({\n  name: \"TestpdfPage\",\n  components: {\n    IonPage,\n    IonHeader,\n    IonToolbar,\n    IonTitle,\n    IonContent,\n    IonButton,\n  },\n  data() {\n    return {\n      pdfUrl: null, \/\/ URL of the PDF to be rendered\n    };\n  },\n  methods: {\n    \/\/ Method to download and render the PDF\n    async downloadAndRenderPdf() {\n      try {\n        console.log(\"Starting PDF download process...\");\n\n        const pdfUrl = \"https:\/\/example.com\/sample.pdf\";\n        const fileName = \"temp.pdf\";\n        const dirPath = \"downloaded\";\n        const savedFilePath = `${dirPath}\/${fileName}`;\n\n        console.log(\"Downloading PDF using CapacitorHttp from:\", pdfUrl);\n\n        \/\/ Clean up the existing directory\n        try {\n          await Filesystem.rmdir({\n            path: dirPath,\n            directory: Directory.Data,\n            recursive: true,\n          });\n          console.log(\"Cleaned up existing directory\");\n        } catch (e) {\n          console.log(\"No existing directory to clean up\");\n        }\n\n        \/\/ Download PDF using native HTTP\n        const response = await CapacitorHttp.get({\n          url: pdfUrl,\n          responseType: \"arraybuffer\",\n        });\n\n        console.log(\"Download response:\", response);\n\n        \/\/ Check if response.data is a string (Base64) or an ArrayBuffer\n        let base64Data;\n        if (typeof response.data === 'string') {\n          \/\/ Data is already Base64-encoded\n          base64Data = response.data;\n          console.log(\"Received data is a Base64 string\");\n        } else {\n          \/\/ Convert ArrayBuffer to Base64\n          base64Data = this.arrayBufferToBase64(response.data);\n          console.log(\"Converted ArrayBuffer to Base64\");\n        }\n\n        console.log(\"Base64 data length:\", base64Data.length);\n\n        \/\/ Save to device storage\n        try {\n          await Filesystem.mkdir({\n            path: dirPath,\n            directory: Directory.Data,\n            recursive: true,\n          });\n          console.log(\"Created directory for PDF\");\n\n          await Filesystem.writeFile({\n            path: savedFilePath,\n            data: base64Data,\n            directory: Directory.Data,\n          });\n\n          console.log(\"File saved locally\");\n\n          \/\/ Check if the file exists and get its size\n          const fileStat = await Filesystem.stat({\n            path: savedFilePath,\n            directory: Directory.Data,\n          });\n\n          console.log(\"File exists:\", fileStat.uri);\n          console.log(\"File size in bytes:\", fileStat.size);\n\n          if (fileStat.size === 0) {\n            console.error(\"Downloaded file is empty.\");\n            return;\n          }\n\n          \/\/ Set the PDF URL to display it\n          this.pdfUrl = \"data:application\/pdf;base64,\" + base64Data;\n        } catch (fsError) {\n          console.error(\"Filesystem Error:\", fsError);\n          throw fsError;\n        }\n      } catch (error) {\n        console.error(\"Operation Failed:\", error);\n      }\n    },\n    \/\/ Method to render the PDF on a canvas\n    async renderPdf() {\n      console.log(\"Starting PDF rendering process...\");\n\n      const canvas = this.$refs.pdfCanvas;\n      if (!canvas) {\n        console.error(\"Canvas element not found\");\n        return;\n      }\n      console.log(\"Canvas element found\");\n\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) {\n        console.error(\"Failed to get 2D context\");\n        return;\n      }\n      console.log(\"2D context obtained\");\n\n      try {\n        const pdf = await pdfjsLib.getDocument(this.pdfUrl).promise;\n        console.log(\"PDF document fetched successfully\");\n\n        const page = await pdf.getPage(1);\n        console.log(\"Page 1 of PDF document fetched successfully\");\n\n        const viewport = page.getViewport({ scale: 1.5 });\n        console.log(\"Viewport created with scale 1.5\");\n\n        canvas.width = viewport.width;\n        canvas.height = viewport.height;\n        console.log(\"Canvas dimensions set to width:\", viewport.width, \"height:\", viewport.height);\n\n        const renderContext = {\n          canvasContext: ctx,\n          viewport: viewport,\n        };\n\n        console.log(\"Starting PDF page render\");\n        await page.render(renderContext).promise;\n        console.log(\"PDF rendered successfully\");\n      } catch (error) {\n        console.error(\"Error rendering PDF:\", JSON.stringify(error, Object.getOwnPropertyNames(error)));\n      }\n    },\n    \/\/ Helper method to convert ArrayBuffer to Base64\n    arrayBufferToBase64(buffer) {\n      let binary = \"\";\n      const bytes = new Uint8Array(buffer);\n      const len = bytes.byteLength;\n      for (let i = 0; i &lt; len; i++) {\n        binary += String.fromCharCode(bytes&#91;i]);\n      }\n      return btoa(binary);\n    },\n  },\n  watch: {\n    \/\/ Watcher to render the PDF when the URL changes\n    pdfUrl(newUrl) {\n      if (newUrl) {\n        this.$nextTick(() =&gt; {\n          this.renderPdf();\n        });\n      }\n    }\n  }\n});\n&lt;\/script&gt;\n<\/code><\/pre>\n\n\n\n<p>3. <strong><strong>Explanation<\/strong><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>HTTP Plugin<\/strong>: Safely downloads files on mobile devices.<\/li>\n\n\n\n<li><strong>Filesystem Plugin<\/strong>: Saves files locally in the\u00a0<code>Documents<\/code>\u00a0directory, critical for Android\/iOS.<\/li>\n\n\n\n<li><strong>PDF.js<\/strong>: Responsible for rendering PDFs into a canvas element.<\/li>\n<\/ul>\n\n\n\n<p>4. <strong><strong>Compatibility<\/strong><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Android\/iOS<\/strong>: Ensure permissions are set for file access in\u00a0<code>AndroidManifest.xml<\/code>\u00a0and\u00a0<code>Info.plist<\/code>.<\/li>\n\n\n\n<li><strong>Web<\/strong>: PDF.js works directly with external URLs without requiring local storage.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>2. Component Code (Web en Mobile)Add the following code as a component in your Ionic Vue project: 3. Explanation 4. Compatibility<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"wzkb_category":[98],"wzkb_tag":[],"class_list":["post-5170","wz_knowledgebase","type-wz_knowledgebase","status-publish","hentry","wzkb_category-ionic-vue"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS): - Utilewebsites<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS): - Utilewebsites\" \/>\n<meta property=\"og:description\" content=\"2. Component Code (Web en Mobile)Add the following code as a component in your Ionic Vue project: 3. Explanation 4. Compatibility\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/\" \/>\n<meta property=\"og:site_name\" content=\"Utilewebsites\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-30T09:23:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"411\" \/>\n\t<meta property=\"og:image:height\" content=\"471\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/\",\"url\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/\",\"name\":\"Steps to Download and Display a PDF in an Ionic Vue App (Android\\\/iOS): - Utilewebsites\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.utilewebsites.nl\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pdf_donwload_in_app_android_ios.jpg\",\"datePublished\":\"2024-11-30T09:20:47+00:00\",\"dateModified\":\"2024-11-30T09:23:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.utilewebsites.nl\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pdf_donwload_in_app_android_ios.jpg\",\"contentUrl\":\"https:\\\/\\\/www.utilewebsites.nl\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/pdf_donwload_in_app_android_ios.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Knowledge Base\",\"item\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/knowledgebase\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Steps to Download and Display a PDF in an Ionic Vue App (Android\\\/iOS):\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/\",\"name\":\"Utilewebsites\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/#organization\",\"name\":\"Utilewebsites\",\"url\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.utilewebsites.nl\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/logo-Utilewebsites-2017.png\",\"contentUrl\":\"https:\\\/\\\/www.utilewebsites.nl\\\/wp-content\\\/uploads\\\/2019\\\/08\\\/logo-Utilewebsites-2017.png\",\"width\":3000,\"height\":593,\"caption\":\"Utilewebsites\"},\"image\":{\"@id\":\"https:\\\/\\\/www.utilewebsites.nl\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS): - Utilewebsites","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/","og_locale":"en_US","og_type":"article","og_title":"Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS): - Utilewebsites","og_description":"2. Component Code (Web en Mobile)Add the following code as a component in your Ionic Vue project: 3. Explanation 4. Compatibility","og_url":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/","og_site_name":"Utilewebsites","article_modified_time":"2024-11-30T09:23:02+00:00","og_image":[{"width":411,"height":471,"url":"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/","url":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/","name":"Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS): - Utilewebsites","isPartOf":{"@id":"https:\/\/www.utilewebsites.nl\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/#primaryimage"},"image":{"@id":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/#primaryimage"},"thumbnailUrl":"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg","datePublished":"2024-11-30T09:20:47+00:00","dateModified":"2024-11-30T09:23:02+00:00","breadcrumb":{"@id":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/#primaryimage","url":"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg","contentUrl":"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2024\/11\/pdf_donwload_in_app_android_ios.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/stappen-om-een-pdf-te-downloaden-en-weer-te-geven-in-een-ionic-vue-app-android-ios\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.utilewebsites.nl\/en\/"},{"@type":"ListItem","position":2,"name":"Knowledge Base","item":"https:\/\/www.utilewebsites.nl\/en\/knowledgebase\/"},{"@type":"ListItem","position":3,"name":"Steps to Download and Display a PDF in an Ionic Vue App (Android\/iOS):"}]},{"@type":"WebSite","@id":"https:\/\/www.utilewebsites.nl\/en\/#website","url":"https:\/\/www.utilewebsites.nl\/en\/","name":"Utilewebsites","description":"","publisher":{"@id":"https:\/\/www.utilewebsites.nl\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.utilewebsites.nl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.utilewebsites.nl\/en\/#organization","name":"Utilewebsites","url":"https:\/\/www.utilewebsites.nl\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.utilewebsites.nl\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2019\/08\/logo-Utilewebsites-2017.png","contentUrl":"https:\/\/www.utilewebsites.nl\/wp-content\/uploads\/2019\/08\/logo-Utilewebsites-2017.png","width":3000,"height":593,"caption":"Utilewebsites"},"image":{"@id":"https:\/\/www.utilewebsites.nl\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/wz_knowledgebase\/5170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/wz_knowledgebase"}],"about":[{"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/types\/wz_knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/comments?post=5170"}],"version-history":[{"count":1,"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/wz_knowledgebase\/5170\/revisions"}],"predecessor-version":[{"id":5172,"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/wz_knowledgebase\/5170\/revisions\/5172"}],"wp:attachment":[{"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/media?parent=5170"}],"wp:term":[{"taxonomy":"wzkb_category","embeddable":true,"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/wzkb_category?post=5170"},{"taxonomy":"wzkb_tag","embeddable":true,"href":"https:\/\/www.utilewebsites.nl\/en\/wp-json\/wp\/v2\/wzkb_tag?post=5170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}