{"id":5482,"date":"2021-09-21T09:44:02","date_gmt":"2021-09-21T09:44:02","guid":{"rendered":"https:\/\/www.folio3.com\/mobile\/?p=5482"},"modified":"2021-09-23T08:42:12","modified_gmt":"2021-09-23T08:42:12","slug":"integration-of-google-drive-api-with-react-native","status":"publish","type":"post","link":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/","title":{"rendered":"Integration of Google drive API with React Native"},"content":{"rendered":"\n

React native has been one of the successful Mobile app framework that allows to create applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP developed on Javascript. With the pace of time, many new cross-platform mobile development tools have been introduced. Despite this all, React Native has still been one of the top choices.<\/p>\n\n\n\n

In this era, where Google has covered almost every device. The need of authentication has been clearly reduced to just a Google sign-in. Mostly, the users prefer to use a single account for login, thanks to Google. While, other popular services provided by Google like Google Drive is quite handy too.<\/p>\n\n\n\n

In this blog, you\u2019ll learn how to integrate the Google Drive API with React Native and cover basic operations enough for storing your content, or creating Backups. The steps mentioned below will cover the following,<\/p>\n\n\n\n

  1. Creating a folder on Google Drive<\/li>
  2. Creating a file in that folder<\/li>
  3. Listing the uploaded files<\/li>
  4. Accessing the contents.<\/li><\/ol>\n\n\n\n

    We will be using the Google Drive API Wrapper for React Native, which is react-native-google-drive-api-wrapper<\/strong><\/a>.<\/p>\n\n\n\n

    It is assumed that you have already integrated the Google Sign-In API with your app. If not, follow the steps mentioned in react-native-google-signin<\/a>, integrate it and get the web client Id.<\/p>\n\n\n\n

    Step#1:<\/strong> Installing the Google Drive API Wrapper<\/a><\/h4>\n\n\n\n

    Follow the simple guide and install the wrapper. Don\u2019t forget to install the react-native-fs <\/strong>too. Once installed, make sure everything is linked and configured properly.<\/p>\n\n\n\n

    Step#2:<\/strong> Configure the Google Sign-in<\/h4>\n\n\n\n

    You must have web client id obtained from Google Developers Console in your credentials tab for the project created. Then use the code given below.<\/p>\n\n\n\n

    import {GoogleSignin, statusCodes} from 'react-native-google-signin';\r\n\timport GDrive from 'react-native-google-drive-api-wrapper';\r\n\r\n\/\/In your useEffect \/ componentDidMount function\t\r\n  GoogleSignin.configure({\r\n\t\tscopes: \/\/ Will be covered in Step 4\r\nwebClientId:'xyz0yxa-xyzxyzxyznlpsi.apps.googleusercontent.com', \r\nofflineAccess: true,\r\n});\r\n<\/code><\/pre>\n\n\n\n
    Step#3:<\/strong> Setup User Sign-in, obtain the Access Token and Initialize the GDrive API<\/h4>\n\n\n\n
    Setup the code for User sign-in through react-native-google-signin<\/a>. Once signed in, you can obtain the access token and set the obtained token for GDrive API and initialize it.<\/p>\n\n\n\n
    signIn = async () => {\r\n    \ttry {\r\n      \t\tawait GoogleSignin.hasPlayServices();\r\n      \t\tconst userInfo = await GoogleSignin.signIn();\r\n     \t\tconst token = (await GoogleSignin.getTokens()).accessToken;\r\n\t\t\/\/Save the Token and User Info\r\n\t\t\/\/To get the user email, userInfo.user.email\r\n\r\n\/\/ Set the token for Gdrive\r\nGDrive.setAccessToken(this.state.accToken);  \r\nGDrive.init(); \/\/ Initialize the GDrive\r\n\r\n\t\/\/You can extract the error types from statusCodes as follows.\r\n\r\n  \t} catch (error) {\r\n      \tif (error.code === statusCodes.SIGN_IN_CANCELLED) {\r\n        \t\t\t\/\/ user cancelled the login flow\r\n      \t} else if (error.code === statusCodes.IN_PROGRESS) {\r\n       \t\t\t\/\/ operation (f.e. sign in) is in progress already\r\n      \t} else if (error.code === statusCodes.PLAY_SERVICES_NOT_AVAILABLE) {\r\n\/\/ play services not available or outdated\r\n      \t} else {\r\n        \t\t\t\/\/ some other error happened\r\n}\r\n    \t}};\r\n<\/code><\/pre>\n\n\n\n
    Step#4:<\/strong> Understanding and Setting Scopes<\/h4>\n\n\n\n
    In order to perform operations like (listing, creating folders, uploading files, etc.) we\u2019ve to understand the specific scopes required. Scopes represent the access you need from the user. Sensitive scopes might require you to verify your App. You can check the recommended, sensitive and restricted scopes for Google Drive API here<\/a>.<\/p>\n\n\n\n
    Our use case here is simply to create a file in a folder, get the list of files in a folder, and get contents of a file (An enough approach for Backing up the data on Google Drive).<\/p>\n\n\n\n
    So, for that we will be using the scopes given below,<\/p>\n\n\n\n
    GoogleSignin.configure({\r\n\t\tscopes: [\r\n        \t\t'https:\/\/www.googleapis.com\/auth\/drive.appdata',\r\n        \t\t'https:\/\/www.googleapis.com\/auth\/drive.file',\r\n      \t\t], \/\/ what API you want to access on behalf of the user, default is\r\n   \/\/ email and profile\r\nwebClientId:'xyz0yxa-xyzxyzxyznlpsi.apps.googleusercontent.com', \r\nofflineAccess: true,\r\n});\r\n<\/code><\/pre>\n\n\n\n
    Step#5:<\/strong> Creating a Folder<\/h4>\n\n\n\n
    Once the GDrive is initialised, we can create a folder of our concern, i.e. My Diaries\/ My Backups, or whatever your use case is.
    The method safeCreateFolder will create a folder if it doesn\u2019t exist, or returns the folderId if it exists. The FolderId<\/strong> is required to access the contents of folder.<\/p>\n\n\n\n
    if (GDrive.isInitialized()) {\n\/\/Google Drive is Initialized Now!!\n        \t\ttry {\n          \t\t  const folderId = await GDrive.files.safeCreateFolder({\n            \t\t  name: 'My Backups',\n          \t\t  parents: ['root'],\n          \t\t}); \n} catch(err) {\n   \/\/.. catch the error accordingly\n} }\n<\/code><\/pre>\n\n\n\n
    Step#6:<\/strong> Creating a file<\/h4>\n\n\n\n
    To create a text file in the same folder, get the folderId of that folder and create the file in it. We\u2019ll be using the createFileMultipart method to achieve this.<\/p>\n\n\n\n
    let content=\u201dMy first text file on GDrive\u201d\n\tconst folderId = await GDrive.files.safeCreateFolder({\n        \t\tname: 'My Backups',\n       \t\t parents: ['root'],\n      \t\t});\n\t\/\/Now to upload it\n\t\/\/Put the folderId as parent for creating the file\n\tGDrive.files.createFileMultipart(\n          \t\tcontent,\n          \t\t'text\/plain',\n         \t\t {\n            \t\t\tparents: [folderId],\n            \t\t\tname: 'Backup1'.txt',\n          \t\t},\n          \t\tfalse,\n        \t\t)\n    .then(response => {\n \t\t\/\/DONE\n}).catch(er => {\n    \/\/\u2026 catch the error accordingly\n});<\/code><\/pre>\n\n\n\n
    Step#7:<\/strong> Listing the files<\/h4>\n\n\n\n
    To list the files in any folder, obtain the folderId of that folder and use the below code.<\/p>\n\n\n\n
    GDrive.files.list({\n       q: \"'\" + folderId + \"' in parents\",\n})\n.then(res => res.json())\n.then(data => {\n\t\/\/ access the files name like data.files[1].name\n\t\/\/ data.files is the array having the list of files\n})\n.catch(err => {\n       \/\/\u2026 catch the error accordingly\n});\n<\/code><\/pre>\n\n\n\n
    Step#8:<\/strong> Access the contents of File<\/h4>\n\n\n\n
    To access the data in the file, simply get the id of the file by data.files[0].id, and access the contents through that id.<\/p>\n\n\n\n
    GDrive.files.get(id, {alt: 'media'})\n.then(res => { \/\/access the data in res}\n.catch(err=> { \/\/\u2026 catch the error accordingly }<\/code><\/pre>\n\n\n\n
    All the methods used in the above steps are listed in react-native-google-drive-api-wrapper<\/strong><\/a>. If you want to use other methods, go through the documentation.<\/p>\n\n\n\n
    So, in this way you can integrate the Google Drive API with React native and store your files. There can be variety of use cases that can be achieved through Google Drive, whether that is backup of your local data which you want to store or setting up the whole mechanism of JSON based import\/export of files. Thanks for reading,
    Don\u2019t forget to give a thumbs up!
    <\/p>\n","protected":false},"excerpt":{"rendered":"
    React native has been one of the successful Mobile app framework that allows to create applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP developed on Javascript. With the pace of time, many new cross-platform mobile development tools have been introduced. Despite this all, React Native has still been one of the … Continue reading “Integration of Google drive API with React Native”<\/span><\/a><\/p>\n","protected":false},"author":37,"featured_media":5485,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[47,1,50],"tags":[],"class_list":["post-5482","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","category-blog","category-react-native"],"acf":[],"yoast_head":"\nIntegration of Google drive API with React Native - Mobile App Development Services<\/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.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integration of Google drive API with React Native - Mobile App Development Services\" \/>\n<meta property=\"og:description\" content=\"React native has been one of the successful Mobile app framework that allows to create applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP developed on Javascript. With the pace of time, many new cross-platform mobile development tools have been introduced. Despite this all, React Native has still been one of the … Continue reading "Integration of Google drive API with React Native"\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\" \/>\n<meta property=\"og:site_name\" content=\"Mobile App Development Services\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-21T09:44:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-23T08:42:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Noc Folio3\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Noc Folio3\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\"},\"author\":{\"name\":\"Noc Folio3\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/0b6e4f68efbd12d222ac9422766c61eb\"},\"headline\":\"Integration of Google drive API with React Native\",\"datePublished\":\"2021-09-21T09:44:02+00:00\",\"dateModified\":\"2021-09-23T08:42:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\"},\"wordCount\":665,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg\",\"articleSection\":[\"App Development\",\"Blog\",\"React Native\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\",\"url\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\",\"name\":\"Integration of Google drive API with React Native - Mobile App Development Services\",\"isPartOf\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg\",\"datePublished\":\"2021-09-21T09:44:02+00:00\",\"dateModified\":\"2021-09-23T08:42:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage\",\"url\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg\",\"contentUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg\",\"width\":800,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.folio3.com\/mobile\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Integration of Google drive API with React Native\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#website\",\"url\":\"https:\/\/www.folio3.com\/mobile\/\",\"name\":\"Mobile App Development Services\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.folio3.com\/mobile\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#organization\",\"name\":\"Mobile App Development Services\",\"url\":\"https:\/\/www.folio3.com\/mobile\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png\",\"contentUrl\":\"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png\",\"width\":210,\"height\":50,\"caption\":\"Mobile App Development Services\"},\"image\":{\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/0b6e4f68efbd12d222ac9422766c61eb\",\"name\":\"Noc Folio3\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/29f05a21b8db20048e7717694b024bbd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/29f05a21b8db20048e7717694b024bbd?s=96&d=mm&r=g\",\"caption\":\"Noc Folio3\"},\"url\":\"https:\/\/www.folio3.com\/mobile\/blog\/author\/noc\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Integration of Google drive API with React Native - Mobile App Development Services","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.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/","og_locale":"en_US","og_type":"article","og_title":"Integration of Google drive API with React Native - Mobile App Development Services","og_description":"React native has been one of the successful Mobile app framework that allows to create applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP developed on Javascript. With the pace of time, many new cross-platform mobile development tools have been introduced. Despite this all, React Native has still been one of the … Continue reading \"Integration of Google drive API with React Native\"","og_url":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/","og_site_name":"Mobile App Development Services","article_published_time":"2021-09-21T09:44:02+00:00","article_modified_time":"2021-09-23T08:42:12+00:00","og_image":[{"width":800,"height":420,"url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg","type":"image\/jpeg"}],"author":"Noc Folio3","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Noc Folio3","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#article","isPartOf":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/"},"author":{"name":"Noc Folio3","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/0b6e4f68efbd12d222ac9422766c61eb"},"headline":"Integration of Google drive API with React Native","datePublished":"2021-09-21T09:44:02+00:00","dateModified":"2021-09-23T08:42:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/"},"wordCount":665,"commentCount":0,"publisher":{"@id":"https:\/\/www.folio3.com\/mobile\/#organization"},"image":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg","articleSection":["App Development","Blog","React Native"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/","url":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/","name":"Integration of Google drive API with React Native - Mobile App Development Services","isPartOf":{"@id":"https:\/\/www.folio3.com\/mobile\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage"},"image":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg","datePublished":"2021-09-21T09:44:02+00:00","dateModified":"2021-09-23T08:42:12+00:00","breadcrumb":{"@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#primaryimage","url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg","contentUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2021\/09\/Google-Drive-800x420-1.jpeg","width":800,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/www.folio3.com\/mobile\/blog\/integration-of-google-drive-api-with-react-native\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.folio3.com\/mobile\/"},{"@type":"ListItem","position":2,"name":"Integration of Google drive API with React Native"}]},{"@type":"WebSite","@id":"https:\/\/www.folio3.com\/mobile\/#website","url":"https:\/\/www.folio3.com\/mobile\/","name":"Mobile App Development Services","description":"","publisher":{"@id":"https:\/\/www.folio3.com\/mobile\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.folio3.com\/mobile\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.folio3.com\/mobile\/#organization","name":"Mobile App Development Services","url":"https:\/\/www.folio3.com\/mobile\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/","url":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png","contentUrl":"https:\/\/www.folio3.com\/mobile\/wp-content\/uploads\/2020\/12\/folio3-mobile.png","width":210,"height":50,"caption":"Mobile App Development Services"},"image":{"@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/0b6e4f68efbd12d222ac9422766c61eb","name":"Noc Folio3","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.folio3.com\/mobile\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/29f05a21b8db20048e7717694b024bbd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/29f05a21b8db20048e7717694b024bbd?s=96&d=mm&r=g","caption":"Noc Folio3"},"url":"https:\/\/www.folio3.com\/mobile\/blog\/author\/noc\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts\/5482"}],"collection":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/comments?post=5482"}],"version-history":[{"count":2,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts\/5482\/revisions"}],"predecessor-version":[{"id":5484,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/posts\/5482\/revisions\/5484"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/media\/5485"}],"wp:attachment":[{"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/media?parent=5482"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/categories?post=5482"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.folio3.com\/mobile\/wp-json\/wp\/v2\/tags?post=5482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}