# Ionic google drive implement

**URL:** <https://forum.ionicframework.com/t/ionic-google-drive-implement/45135>\
**Category:** ionic-v1\
**Created:** [March 1, 2016, 9:24am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135 "2016-03-01T09:24:12Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 9:24am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/1 "2016-03-01T09:24:12Z")

</div>

Hi, i need to connect my app to google drive, shoq all the files, and maybe upload, download,delete, edit…so I try this

> **[mrazadar/ionic-google-drive](https://github.com/mrazadar/ionic-google-drive)**
>
> Contribute to ionic-google-drive development by creating an account on GitHub.

errors:  
Failed to load resource: the server responded with a status of 404 (Not Found) [https://apis.google.com/](https://apis.google.com/)_/scs/apps-static/_/js/k=oz.gapi.en.RArmLpCIYB0.O/m…1/ed=1/am=QQ/rs=AGLTcCOEiG2RgKkKDvOG7y5PZ-fMFMsJXQ/t=zcms/cb=gapi.loaded\_0

Uncaught TypeError: Cannot call method ‘load’ of undefined

Could not find InAppBrowser plugin

and this  
[http://blog.ionic.io/oauth-ionic-ngcordova/](http://blog.ionic.io/oauth-ionic-ngcordova/)  
no errors on console…but after authentication return to the main page

any suggestion??Please  
Thank you

---

<div class="post-metadata">

**Author:** ![mrazadar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrazadar/32/74043_2.png) [@mrazadar](https://forum.ionicframework.com/u/mrazadar)\
**Post date:** [March 1, 2016, 11:13am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/2 "2016-03-01T11:13:37Z")

</div>

Hi @fabiobalsamo,

Can you make sure you have installed the in-app-browser plugin and set up the right application on google developer console?

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 11:20am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/3 "2016-03-01T11:20:25Z")

</div>

hi…yes…all done…step by step…maybe there is some other change to do?

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 11:22am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/4 "2016-03-01T11:22:33Z")

</div>

i run the app on android os  
already add platform

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 11:23am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/5 "2016-03-01T11:23:19Z")

</div>

and changed your client\_id with mine

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 11:41am UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/6 "2016-03-01T11:41:20Z")

</div>

Errors still the same …any idea please?

Failed to load resource: the server responded with a status of 404 (Not Found) [https://apis.google.com/](https://apis.google.com/)_/scs/apps-static/_/js/k=oz.gapi.en.RArmLpCIYB0.O/m…1/ed=1/am=QQ/rs=AGLTcCOEiG2RgKkKDvOG7y5PZ-fMFMsJXQ/t=zcms/cb=gapi.loaded\_0

Uncaught TypeError: Cannot call method ‘load’ of undefined  
drive.js:37

No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin. console-via-logger.js:174

Could not find InAppBrowser plugin

---

<div class="post-metadata">

**Author:** ![mrazadar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrazadar/32/74043_2.png) [@mrazadar](https://forum.ionicframework.com/u/mrazadar)\
**Post date:** [March 1, 2016, 12:12pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/7 "2016-03-01T12:12:37Z")

</div>

hey,

In cordova 5.0 specially on Android, you need to install cordova whitelist plugin to access any third party resources.

Check here:

> **[Ionic Services Docs](http://legacy-cloud-docs.ionic.io)**
>
> Documentation for the Ionic Services Service: Push, Users, Package, and Deploy

Try to install the cordova.whitelist plugin.

> **[apache/cordova-plugin-whitelist](https://github.com/apache/cordova-plugin-whitelist)**
>
> cordova-plugin-whitelist - Mirror of Apache Cordova plugin whitelist

you might need to set the meta tag in your index.html to define your access policy. Check the last section of the documentation of [https://github.com/apache/cordova-plugin-whitelist](https://github.com/apache/cordova-plugin-whitelist)

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 12:18pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/8 "2016-03-01T12:18:29Z")

</div>

Thank you so much mr. i ll try now…i add to the config.xml all this stuff

!-- Allow images, xhrs, etc. to [google.com](http://google.com) --\>  
access origin=“[http://google.com](http://google.com)”/\>  
access origin=“[https://google.com](https://google.com)”/\>  
!-- Access to the subdomain [maps.google.com](http://maps.google.com) --\>  
access origin=“[http://maps.google.com](http://maps.google.com)”/\>  
!-- Access to all the subdomains on [google.com](http://google.com) --\>  
access origin=“http://_.google.com"/\>  
!-- Enable requests to content: URLs --\>  
access origin="content:///_”/\>  
allow-navigation href="_"/\>  
allow-navigation href="http://_/_"/\>  
allow-navigation href="https://_/_"/\>  
allow-navigation href="data:_"/\>

anyway this  
access origin="\*"/\>  
there is from the start

---

<div class="post-metadata">

**Author:** ![rahul4ckp](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@rahul4ckp](https://forum.ionicframework.com/u/rahul4ckp)\
**Post date:** [March 1, 2016, 12:19pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/9 "2016-03-01T12:19:36Z")

</div>

can you guys teel me how to edit and Sign Documents in Ionic hybrid app

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 12:23pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/10 "2016-03-01T12:23:46Z")

</div>

sorry mate…i don’t know

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 12:24pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/11 "2016-03-01T12:24:54Z")

</div>

nothing…the error now is this

Failed to load resource: the server responded with a status of 404 (Not Found) [https://apis.google.com/](https://apis.google.com/)_/scs/apps-static/_/js/k=oz.gapi.en.RArmLpCIYB0.O/m…1/ed=1/am=QQ/rs=AGLTcCOEiG2RgKkKDvOG7y5PZ-fMFMsJXQ/t=zcms/cb=gapi.loaded\_0

No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin. console-via-logger.js:174

Uncaught TypeError: Cannot call method ‘setApiKey’ of undefined  
drive.js:34

No Content-Security-Policy meta tag found. Please add one when using the cordova-plugin-whitelist plugin. console-via-logger.js:174

---

<div class="post-metadata">

**Author:** ![mrazadar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrazadar/32/74043_2.png) [@mrazadar](https://forum.ionicframework.com/u/mrazadar)\
**Post date:** [March 1, 2016, 12:28pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/12 "2016-03-01T12:28:04Z")

</div>

@rahul4ckp Can you explain a bit more, what do you mean by edit and sign document ? are you trying to edit any google document?

---

<div class="post-metadata">

**Author:** ![rahul4ckp](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@rahul4ckp](https://forum.ionicframework.com/u/rahul4ckp)\
**Post date:** [March 1, 2016, 12:45pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/13 "2016-03-01T12:45:04Z")

</div>

@mrazadar I need to edit ( Html or Word or PDF ) document in my app. So that we can add some text or strikeout some text of the document and save it

---

<div class="post-metadata">

**Author:** ![mrazadar](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mrazadar/32/74043_2.png) [@mrazadar](https://forum.ionicframework.com/u/mrazadar)\
**Post date:** [March 1, 2016, 12:56pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/14 "2016-03-01T12:56:53Z")

</div>

Sorry @rahul4ckp,

This is something I also need to do some research work.

---

<div class="post-metadata">

**Author:** ![rahul4ckp](https://avatars.discourse-cdn.com/v4/letter/r/8e8cbc/32.png) [@rahul4ckp](https://forum.ionicframework.com/u/rahul4ckp)\
**Post date:** [March 1, 2016, 1:00pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/15 "2016-03-01T13:00:19Z")

</div>

@mrazadar If you have some time, then help me

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 2:04pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/16 "2016-03-01T14:04:42Z")

</div>

mr @mrazadar sorry, but doesn’t work…i can’t access to google drive

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [March 1, 2016, 4:13pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/17 "2016-03-01T16:13:19Z")

</div>

@mrazadar and why there is this error?  
Uncaught TypeError: Cannot call method ‘load’ of undefined  
drive.js:37

---

<div class="post-metadata">

**Author:** ![front\_developer](https://avatars.discourse-cdn.com/v4/letter/f/f6c823/32.png) [@front\_developer](https://forum.ionicframework.com/u/front_developer)\
**Post date:** [April 14, 2016, 10:27pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/18 "2016-04-14T22:27:47Z")

</div>

So the solution is implement this line of code:

You can also download the script and make it available for offline.  
The problems was that you cannot get the GAPI object without that file.  
I hope I can help someone.

---

<div class="post-metadata">

**Author:** ![fabiobalsamo](https://avatars.discourse-cdn.com/v4/letter/f/47e85d/32.png) [@fabiobalsamo](https://forum.ionicframework.com/u/fabiobalsamo)\
**Post date:** [April 15, 2016, 12:23pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/19 "2016-04-15T12:23:33Z")

</div>

Hi, thank you, but, what line???

---

<div class="post-metadata">

**Author:** ![front\_developer](https://avatars.discourse-cdn.com/v4/letter/f/f6c823/32.png) [@front\_developer](https://forum.ionicframework.com/u/front_developer)\
**Post date:** [April 15, 2016, 1:01pm UTC](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135/20 "2016-04-15T13:01:27Z")

</div>

Hi! I am really sorry but I thought I put it. So it is just loading the client.js script of google.  
`<script src="https://apis.google.com/js/client.js"></script>`  
Put it above of your `<script src="myDir/js/apis.google.it.js"></script>` .

[Next page](https://forum.ionicframework.com/t/ionic-google-drive-implement/45135.md?page=2)
