Categories
Design

How to use the google drive progressive web app

Google Drive is now available as a progressive web app (PWA) for desktop and mobile, giving users an alternative to launching the service in their regular browsers. PWAs look and feel like stripped-down apps, even though they’re basically living in a stripped-down version of your browser. They’re like the middle ground between apps and websites; while they still require an internet connection to open and run, they take up less space than apps and are often much faster to deal with than loading your full browser (and its many tabs).

You can install the Drive PWA right now on Windows 10, macOS , and Chrome OS using the Chrome browser, though Windows 10 users can also install the app via Edge Chromium.

  • Open Google Drive in a Chrome tab.
  • Once you’re in your Drive, click the “+” icon in the URL bar next to the bookmark star icon.
  • A pop up will appear asking if you want to install the Drive app. Click “Install.”
  • A new Drive app window will appear with the same interface at the website version. A shortcuts will also get added to your desktop.

Android users can install a mobile variant of the Drive PWA by going to Drive in the Chrome mobile browser and tapping the Hamburger icon, and then “add to homescreen,” but we recommend just sticking with the stock Android app instead. (It’s easier to use)

Unlike other PWAs, which usually run entirely in their own window, certain Drive files will open in a Chrome tab rather than in the app (this happens on both desktop and mobile). So, you’re running a sort-of PWA experience for the time being, but it’s still useful if you’re always dealing with Google Drive.

Google Drive is now available as a progressive web app (PWA) for desktop and mobile, giving users an alternative to launching the service in their regular browsers. PWAs look and feel like stripped-down apps, even though they’re basically living in a stripped-down version of your browser. They’re like the middle ground between apps and websites; while they still require an internet connection to open and run, they take up less space than apps and are often much faster to deal with than loading your full browser (and its many tabs).

You can install the Drive PWA right now on Windows 10, macOS , and Chrome OS using the Chrome browser, though Windows 10 users can also install the app via Edge Chromium.

  • Open Google Drive in a Chrome tab.
  • Once you’re in your Drive, click the “+” icon in the URL bar next to the bookmark star icon.
  • A pop up will appear asking if you want to install the Drive app. Click “Install.”
  • A new Drive app window will appear with the same interface at the website version. A shortcuts will also get added to your desktop.

Android users can install a mobile variant of the Drive PWA by going to Drive in the Chrome mobile browser and tapping the Hamburger icon, and then “add to homescreen,” but we recommend just sticking with the stock Android app instead. (It’s easier to use)

Unlike other PWAs, which usually run entirely in their own window, certain Drive files will open in a Chrome tab rather than in the app (this happens on both desktop and mobile). So, you’re running a sort-of PWA experience for the time being, but it’s still useful if you’re always dealing with Google Drive.

Nu Google overtapt van Chrome-app, lijken Progreive Web App (PWA’) deze nel te vervangen. YouTube Muic, Google Map en Google Photo hebben zich allemaal bij de gelederen gevoegd en nu taat Google D

Inhoud

  • Hoe de PWA van Google Drive te installeren
  • Hoe de Google Drive PWA te gebruiken
  • Hoe Google Drive offline te gebruiken
  • Hoe de PWA van Google Drive te verwijderen

Nu Google overstapt van Chrome-apps, lijken Progressive Web Apps (PWA’s) deze snel te vervangen. YouTube Music, Google Maps en Google Photos hebben zich allemaal bij de gelederen gevoegd en nu staat Google Drive ook op de lijst.

Een ding om op te merken is dat de PWA op het moment van schrijven alleen lijkt te werken met persoonlijke accounts. Degenen met G Suite-accounts zien mogelijk niet de optie om de progressieve web-app te installeren.

Hoe de PWA van Google Drive te installeren

Het installeren van een PWA in Chrome is vrij pijnloos. U hoeft niets te downloaden en het duurt een fractie van een seconde om te installeren.

Start om te beginnen Chrome, ga naar uw Google Drive-startpagina en klik vervolgens op het plusteken (+) aan het einde van de adresbalk.

Als u geen plusteken ziet, kunt u de PWA in plaats daarvan installeren via het menu Instellingen. Klik op de drie stippen in de rechterbovenhoek en selecteer ‘Google Drive installeren’ in het menu.

Er verschijnt een pop-up waarin u wordt gevraagd of u de app wilt installeren; klik op ‘Installeren’.

Dat is het! Nu u de Google Drive PWA heeft geïnstalleerd, gaan we eens kijken wat u ermee kunt doen.

Hoe de Google Drive PWA te gebruiken

Nadat het is geïnstalleerd, wordt de app geopend in een nieuw venster dat eruitziet als een zelfstandig programma of elke app die u naar uw computer zou downloaden. Hoewel PWA’s in feite gewoon websites zijn, bevatten ze functies die u normaal gesproken in traditionele apps aantreft, zoals offline ondersteuning, meldingen en achtergrondsynchronisatie.

U kunt ook rechtstreeks vanaf uw desktop een PWA starten. Als u dubbelklikt op het Google Drive-pictogram, wordt de toepassing onmiddellijk geopend.

Nadat de app is gestart, ziet u dat deze er identiek uitziet als de startpagina van Google Drive, wat met opzet is gedaan. Wanneer je door een PWA navigeert, ziet en voelt het hetzelfde als de website; alles wat u in een browser kunt doen, kunt u hier doen.

Bestanden en mappen uploaden

Als u nieuwe mappen wilt toevoegen of een bestand of map wilt uploaden, klikt u op “Nieuw” om te beginnen.

U kunt ook bestanden of mappen van uw computer rechtstreeks naar de PWA slepen en neerzetten om ze naar uw Drive te uploaden.

Nadat u uw bestand of map heeft geüpload, dubbelklikt u erop om deze te openen.

Drive kan een voorbeeld van enkele bestanden in de PWA bekijken of een nieuw tabblad openen in Google Chrome. Als het bijvoorbeeld een Microsoft Office- (Excel, Word, PowerPoint) of afbeeldingsbestand (JPEG, PNG, enz.) Is, verschijnt er een voorbeeld in de PWA.

G Suite-bestanden (Spreadsheets, Documenten, Presentaties, Tekeningen) worden echter geopend op een Google Chrome-tabblad.

In ons voorbeeld willen we een Excel-bestand openen als een G Suite-bestand om het te bewerken. Om dit te doen, klikken we op ‘Openen met’ en selecteren we vervolgens ‘Google Spreadsheets’.

Chrome wordt geactiveerd en opent een nieuw tabblad op de Sheets-website. Het bestand wordt geladen en nu kunnen we het online bewerken.

Zoals we eerder vermeldden, heeft Google Drive een speciale PWA, maar nog niet alle Google-producten hebben er een. Dus als u een Documenten-, Spreadsheets- of Presentaties-bestand probeert te openen, opent de Chrome-browser een nieuw tabblad zodat u uw bestand kunt bekijken.

Hoe deelbare downloadkoppelingen voor bestanden te maken

Als je iets wilt delen, kun je een link genereren voor vrijwel elk bestand op je Google Drive.

Navigeer eerst naar het bestand dat u wilt delen, klik er met de rechtermuisknop op en selecteer ‘Deelbare link ophalen’.

De link wordt naar uw klembord gekopieerd. Nu kunt u de link rechtstreeks in een e-mail of bericht plakken om deze met uw vrienden of collega’s te delen.

Als u een bestand alleen met specifieke mensen wilt delen, klikt u er met de rechtermuisknop op en klikt u vervolgens op ‘Delen’.

Typ in het venster dat verschijnt de naam of het e-mailadres van de persoon met wie u het bestand wilt delen. Selecteer welk type machtigingen u haar wilt geven en klik op ‘Gereed’. Er wordt een uitnodiging voor uw bestand verzonden naar de persoon die u heeft opgegeven.

Als je meer wilt weten over deelbare links in Google Drive, lees dan zeker ons artikel over het onderwerp.

Hoe Google Drive offline te gebruiken

Een van de beste dingen van Google Drive is dat u het offline kunt gebruiken. De volgende keer dat u verbinding maakt met internet, wordt alles wat u bewerkt, maakt of verwijdert uit Drive, gesynchroniseerd met de servers.

Als u Google Drive offline en op internet met de PWA wilt gebruiken, heeft u de Chrome-extensie Google Docs Offline nodig.

Om het te krijgen, start u Chrome, gaat u naar de Google Docs Offline-webwinkelpagina en klikt u op ‘Toevoegen aan Chrome’.

Klik op “Extensie toevoegen” in de pop-up om uw toestemming te verlenen.

Nadat u de extensie heeft geïnstalleerd, opent u de Google Drive PWA. Klik op het pictogram Instellingen en selecteer ‘Instellingen’.

Vink vervolgens het vakje naast ‘Offline’ aan om de extensie in te schakelen.

Sluit het menu Instellingen om uw wijzigingen op te slaan. Google Drive bereidt automatisch uw meest recente bestanden voor en slaat ze lokaal op, zodat u ze offline kunt gebruiken.

Dat is het! Bekijk ons ​​artikel over Google Docs Offline als u meer wilt weten.

Hoe de PWA van Google Drive te verwijderen

Als u besluit dat u de PWA van Google Drive niet langer wilt, kunt u deze eenvoudig verwijderen.

Klik hiervoor op de drie stippen boven aan het app-venster en selecteer ‘Google Drive verwijderen’. De PWA wordt dan verwijderd.

Met de nieuwe Google Drive PWA gaat Google verder weg van Chrome-apps om meer van zijn producten een gestroomlijnde, native ervaring te maken. Hoewel de PWA in wezen de Drive-webpagina is zonder de rommel, voelt het ontwerp net zo vloeiend aan als een speciale app zou moeten.

  • Latest news
  • Android 11
  • Android 10
  • Android OS
  • Chrome OS
  • Smartwatches/Wearables
  • Android TV
  • Android Auto
  • Games
  • Applications
  • Roundups
  • App Reviews
  • Game Reviews
  • All reviews
  • Phone Reviews
  • Tablet Reviews
  • Wearable Reviews
  • Other Reviews
  • Google
  • Samsung
  • OnePlus
  • LG
  • Xiaomi
  • Motorola
  • Sony
  • Huawei

Google Drive is now available as a Progressive Web App

  • Applications
  • Google
  • News

How to use the google drive progressive web app

Chrome apps are almost dead, but the idea of apps via PWAs (Progressive Web Apps) lives on. Google Drive is the latest Google service to pick up a PWA, following YouTube Music and Google Photos on its trip through the future. It’s not a game-changing experience, but it can make interacting with your cloud-stored files in Drive feel a little bit more native, and it offers Drive users an app-like option now that the era of Chrome Apps is just about over.

The option to install Google Drive as a PWA (also available in the three-dot menu below).

How to use the google drive progressive web app

The next time you navigate to the Google Drive site on a supported browser, you’ll see the option to install Drive as a PWA. On Chrome, that means a plus sign in a circle up near the end of the address bar, or an “Install Google Drive” option that appears in Chrome’s main menu. The same options will also appear on a Chromebook in the same spots.

How to use the google drive progressive web app

Look, ma, no address bar! Google Drive PWA on a Chromebook.

On Chromebooks and desktop, this PWA basically gives you a shortcut directly to Google Drive in its own window — no address bar, tabs, or anything else in the way. It’s meant to look like a native experience, even though it’s basically just Drive in Chrome, like you’re used to. Opening items in Drive pushes you to a new, separate browser tab in another window if it requires an editor, so you don’t get to do everything from inside the PWA. Opening a text document via Google Docs on a Chromebook in the Drive PWA, for example, takes you from the PWA to a new tab in Chrome, though you can preview items like PDFs and videos through the PWA.

How to use the google drive progressive web app How to use the google drive progressive web app

The full Google Drive Android app (left) is probably a better choice than the new PWA on mobile (right).

The PWA also works on Android (via the three-dot menu -> Add to Home screen), but there isn’t as much of a benefit to it there; the Android app itself is a much better experience than the Drive mobile site in a standalone window. By default, it tries to open most of your stuff in Drive via the Sheets/Docs/Slides apps anyway.

Interested parties can check out the new Google Drive PWA right now, just navigate over to drive.google.com and, if you’re on Chrome or a Chromebook, check your address bar for the shortcut.

  • Thanks:
  • Vegar Henriksen

We all know the immense impact Google has on the tech industry. Google is one of the top thought-leaders in the industry along with Apple, Microsoft, and Salesforce. So it’s only natural to look to Google for the next biggest tech trend and on January 22, 2020, they decided to show their hand a bit by releasing a new version of Google Drive that might cause you to take another look at your mobile strategy.

Google Drive is Now a Progressive Web App (PWA)

That’s right. Google Drive can now be used as a Progressive Web App (PWA)! You might be asking…What does this mean? Why did Google decide to do this? Will it change how I use this application? Does it work on my device? Don’t worry. We have all the answers.

What Are PWAs?

First let’s look at what PWAs actually are. Below are some key benefits to using PWAs:

  1. PWAs are usually a much smaller file size compared to a native mobile app. The Starbucks PWA is a great example of this benefit. Their PWA is only .4% of the native mobile app size and it does pretty much the exact same thing! PWAs mean no more needing to delete photos and videos to free up space!
  2. Service workers can cache data to allow the PWA to be used offline. This means you can still access some of the functionality of the app while in airplane mode or disconnected to a network. Plus, PWAs are designed to work in low connectivity and need to load in 10 seconds or less on a 3G network.
  3. PWAs also have capabilities similar to a native mobile apps – think camera integration, geolocation, save to home screen, etc.

In the Mobile Matters podcast episode, Progressive Web Apps: The Future of Mobile Web, Alex Russell, Senior Staff Engineer at Google, shares with us how PWAs are fundamentally changing the mobile web. You can read more in depth about the State of PWAs here!

How are PWAs Changing Google Drive?

First, Google created the option to use Google Drive as a PWA. This means Google is not forcing anybody to use it as a PWA and you can still access it the way you always have on the web if you want. You can now install Google Drive to your computer on MacOS, Windows 10, and Chrome OS. Which also means you no longer have to view it in a browser! The Google Drive can now function more like a native application on your computer and be available to use offline due to cached data. You will be able to access previously accessed documents when offline but will not be able to edit offline with the PWA.

Installing Google Drive from the web isn’t too difficult.

  1. Go to your Google Drive online
  2. A ‘+’ will appear to the right side of your browser
  3. Click on the ‘+’ and then click on the blue button ‘Install’

How to use the google drive progressive web app

However, the circle is not complete yet. At the moment other applications like Google Docs and Sheets are still only available as web applications and will only be editable through a web browser. Hopefully Google gets those applications running as PWAs in the near future so that there can be a seamless user experience when working within Google Drive and editing material within PWAs.

This PWA is not the first for Google to roll out. Google has rolled out other PWAs in the past such as YouTube Music, Google Photos, and Google Maps Go. It will be interesting to see where Google goes with Sheets and Docs in the near future. Keep up to date on industry news by following Lumavate on LinkedIn and Twitter!

The way the internet works is changing quite a bit, and part of this change involves various online platforms and applications changing to progressive web apps (PWA) as opposed to the browser based extensions that were generally available previously if you wanted to try and use these services on a web based browser rather than through some kind of a smartphone. The only problem here is that a lot of PWAs are currently being developed, and they are yet to show up available for you to download and use.

Google seems to be spearheading this change by launching some of the first progressive web apps that are going to be available for the average consumer to use. This can be seen particularly in their launch of their own first progressive web app, namely the Google Drive app, as spotted by AP. This means that you won’t just be able to use the service as a browser extension, now you would probably be able to figure out a way to look into having the platform available as more of a native app that you can access through your desktop, something that will certainly make it a great deal more convenient for you to use all in all.

Basically using the app will feel more like a native experience with no address bar or other tabs to distract you. This sort of thing is perfect for people that want to be able to use the platform without worrying about the various ways in which they could get distracted by other tabs that they have left open since they would be leaving the browser behind entirely.

We definitely need a lot more progressive web apps coming out. The experience is far superior and is definitely the sort of thing that would facilitate a high degree of efficiency on your part.

  • Related: Google’s New AI Update Is Ready to Blow Your Mind

Screenshot: Androidpolice

How to use the google drive progressive web app

Progressive Web Apps are pretty useful for those who do not have the space anymore on their smartphones to install apps. It will still not give you the full app experience, but at least it’s still better than the browser version. The latest Google service to be available as a PWA is Google Drive, following in the steps of YouTube Music and Google Photos. Chrome Apps are all but dead anyway and this seems to be a good alternative to that in cases where you really can’t install the native app.

Android Police says the PWA version of Google Drive is not particularly game-changing or anything. What it does well is to let you interact with your files within the cloud storage from the browser in an app-like fashion and without the address bar and tabs that may sometimes get in the way. Truth be told, it’s really more like a shortcut directly to Google Drive, opening it in its own window, When you open files and items from there, it will open into a new, separate browser tab.

You will still be able to preview some items like PDFs and videos through the PWA but if you need to edit something, you can’t do it from there. It will open into another tab and so you won’t be able to do everything within the PWA. We don’t know right now if this is something they will improve on later on since the idea behind having a PWA is to give you an almost app-like experience and not have to open so many other tabs.

But in any case, when you go to Google Drive on a supported browser, you’ll see a plus sign inside a circle near the address bar and tapping on it will install it as a PWA. You can also tap on the “Install Google Drive” option from the main menu of the Chrome browser. The PWA will also work on the Android device through the Add to the Home Screen option but it’s not as functional than the Drive mobile site.

It’s been a while since the PWA concept became a reality. Time ago, thanks to the usage of the Service Workers API, web developers could create web applications in a similar way Android or iOS devs were coding. However, Progressive Web Apps have been on a second line due to the lack of native support. Even if you can create an awesome PWA like the twitter one you were not allowed to publish it in Google Play.

How to use the google drive progressive web app

Before the latest Google Announcement there was only one choice, embed your PWA into a regular Android app using a web view or a Chrome custom tab. These solutions were working fine but didn’t let you show your app using a full-screen UI or use any of the browser sharing capabilities: all the storage, cache, and sessions within the browser. It also displayed an ugly toolbar indicating your app was being rendered inside a browser. However, starting from Chrome 72, we will be able to use a new impressive component named Trusted Web Activity that will let us use an embedded full-screen browser with all the Chrome features just inside your apps.

A Trusted Web Activity runs a Chrome browser full-screen in an Android app, meaning there is no browser UI visible in the app (that includes the URL bar). This is a powerful capability, so Google needs to verify that the app and the site belong to the same developer – hence it is ‘Trusted’. To confirm that the app and the site inside it belong to the same developer, a TWA uses Digital Asset Links to certify ownership.

What should I do if I want to publish my PWA in Google Play? Spoiler, you still need to create your Android app 😞 But don’t you worry, starting from this line we are going to review all the steps needed to create your Android APK with the PWA inside ready to be published 😃

Step 1:

Create an Android project from scratch using Android Studio.

How to use the google drive progressive web app

Remember you should use at least API 16 😄

Step 2:

Configure TWA Support Library and add the Jitpack dependency to your list of repositories:

Enable Java 8 source and target compatibility:

Last but not least, add the custom tabs client library implementing the Trusted Web Activity feature:

Step 3:

Configure your AndroidManifest.xml adding the Trusted Web Activity to your application:

As you can see, the last intent-filter configured will be used to trigger only when your PWA host is opened from any link or URL. This will let you support deep links by default, just as a regular PWA does.

Step 4:

We need to configure the Digital Assets Links to be able to provide a way for our PWA to make verifiable declarations that can be consumed by other websites and mobile apps. To do this you’ll need to add a new string resource like this one to your strings.xml file:

Remember to replace twitter.com with your own host.

Step 5:

Link the already created string with the Trusted Web Activity by adding this meta-data line to your manifest:

Step 6:

Configure your signing config for this app following this guide and extract the keystore SHA-256 using the following command:

How to use the google drive progressive web app

Once you’ve got the keystore SHA-256 value you can now create the assets link json file using this generator and serve it from the root of your domain: /.well-known/assetlinks.json . You’ll get a file like this:

This will let you be the only one who’s able to use this Trusted Web Activity feature within your PWA.

Step 7 (optional):

If you want to test the app without uploading any file to your servers or configuring your app keystore you can enable the “Enable command line on non-rooted devices” option from the “chrome://flags” URL as follows:

How to use the google drive progressive web app

After enabling this flag, you can run this command and reboot your device:

After rebooting your device you’ll be able to run your Android app with a full-screen and fully functional progressive web app inside.

Step 8:

Good news, we are ready to go 👏👏👏 Build your APK and publish it in Google Play! If you need a hand you can always follow this guide.

How to use the google drive progressive web app

Conclusions:

This new feature Google Chrome provides is interesting for any web developer who wants to be part of the Google Play ecosystem. But there are some thoughts and conclusions we’d like to share with you:

  • The process of creating this project should be automated. At least the project scaffolding. There are at least 7 manual steps we should automate somehow.
  • Thanks to this technique we will be able to update our app like any other regular app. We will only need to publish a new APK if the app icon changes or we want to change any native code we could write.
  • The usage of this development strategy will never replace native applications, flutter, Kotlin native, or react native applications from the performance viewpoint. Remember web applications are not allowed to use any multithreading feature like native code or some hybrid platform do.
  • If the user installed a version of Google Chrome How to use the google drive progressive web app

Pedro Gómez

I’m a software engineer focused on new technologies, open source, clean code, and testing. Right now I’m working as a Senior Software Engineer at Karumi, a little software development studio.

  • Latest news
  • Android 11
  • Android 10
  • Android OS
  • Chrome OS
  • Smartwatches/Wearables
  • Android TV
  • Android Auto
  • Games
  • Applications
  • Roundups
  • App Reviews
  • Game Reviews
  • All reviews
  • Phone Reviews
  • Tablet Reviews
  • Wearable Reviews
  • Other Reviews
  • Google
  • Samsung
  • OnePlus
  • LG
  • Xiaomi
  • Motorola
  • Sony
  • Huawei

Google Photos now available as a Progressive Web App

  • Applications
  • Google
  • News

How to use the google drive progressive web app

Now that Progressive Web Apps can be installed on Chrome for Android and desktop, we’ll probably start to see more web apps make the transition. Google Maps Go was the company’s first high-profile PWA, and now Google has updated the Google Photos site (photos.google.com) to function as a Progressive Web App.

Now that the Photos site is a PWA, you can add it to your home screen on Android, or add it to your desktop if you have Chrome installed. PWAs are enabled by default on desktop as of Chrome 67, so the option should appear in the menu for Chrome on supported sites—though some of our readers still had to enable the flag for PWAs ( chrome://flags/#enable-desktop-pwas ) manually.

How to use the google drive progressive web app

The app doesn’t appear to be using any neat PWA features like offline support or push notifications, but more functionality could come in a future update.

How to use the google drive progressive web app How to use the google drive progressive web app How to use the google drive progressive web app

Even though automatically uploading photos isn’t possible through a web app right now (at least, not yet), there’s plenty of potential for a full-featured Photos PWA. Google could add Share Target support, so you could upload photos directly from Android apps. Notifications for automated creations would be nice to have too.

  • Source:
  • Kenneth (Twitter)