How to integrate Google Docs editor in Vue web App - google-docs

My Vue web app has the feature of uploading, editing, and downloading the files, We are using Azure Blob storage to store the files.
Now I want to load the Azure Blob file in Google Docs Editor, so that user can view/edit/save the content of the files, like how it is done in Box. But i didn't find any useful documentation or sites which describes the flow to implement it.
Can anyone please suggest me the way to proceed?

Related

Save files on Azure App Services and make them accesible from the outside

I am new to Web-Development and have therefor maybe a beginner question.
So I am having a Web-App with an Angular Frontend und .Net backend, deployed on Azure.
Now users should be able to upload files (pdf, etc.) to the server which sould be stored permanetly. I would prefer to store them on a normal filesystem, so I don't want to use a database. Futhermore the files should be accessible for external services for futher processing.
I am not sure if that is possible with Azure App Services or if I need some other components. The only way I found to store files on the server is in the "wwwroot" folder. But I found no way to download them from the outside. Should I create a Web-API for that or do I think to complicated? Should I deploy my App somewhere else? What could be a way to implement this?
Thanks for any help.
You should use Azure Storage.
In Azure storage you can find mainly two options in your case. Blob and File Storage.
Blob is "more advanced" in a sense that it serves files on the browser, streaming video and audio etc.
File storage is a replacement of an on-premises file server.
Both options support file access by external services, and in addition to authorization, both are supported with Azure AD and shared access token.

What's the Azure equivalent of "Add application" in IIS?

We use a app builder to create our applications, download them as .zip, and then just click "Add Application" on IIS, point to the application folder and it would be working.
Our applications require no server logic or database, they are self contained, the database is external and acessed via REST on javascript.
I can't seem to find the equivalent of the above procedure on Azure, it has options like Python/Node/Java/.NET but I'm not sure which of these fit our application needs.
How can I just easily upload a web app on Azure without any backend required?
If I'm understanding your question correctly, you can drag/drop a zip file into the "kudu" console of an Azure webapp to upload the file. Azure takes care of unzipping the file and putting the files in the web app.
To get to that portal, change your web app url to contain ".scm." and append /ZipDeploy to the end of the url:
https://yourwebapp.scm.azurewebsites.net/zipdeploy
Then drag/drop your file onto the web page.
From the main kudu page (remove zipdeploy from your url) you can upload entire directories of files if you need to. I regularly deploy webapps this way and it works great.
One of the easiest approaches is to make use of Azure App Services. This is Azure's Platform as a Service (Paas) offering that allows you to get a web site up fairly quickly whether that be a static site that is mostly client side logic or your more traditional apps such as asp.net\php\etc. You can deploy your app through various means from CI\CD, Github, FTP, etc. You can find more details and a 5 minute quickstart at https://learn.microsoft.com/en-us/azure/app-service/.
More recently Azure has offered the ability to host static web sites right in Azure's Blob storage. It doesn't come with all the features of Azure App Services and does not have any server side execution but has the advantage of price and simplicity and when used in concert with some CDN networks it can be attractive for static client side only sites. More details at https://learn.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website

Upload file to Google Drive from URL using REST API

It is possible to upload a file from a URL using OneDrive's REST API as documented here. This API accepts the URL we provide and uploads the file from the URL to the intended destination.
I have been trying to find a similar REST API or library for Google Drive, but I couldn't find it yet. Kindly direct me on how to achieve this. I have already set up oAuth and am able to receive access_token and refresh_token. Uploading files from URL is an important functionality in this project.
The project is hosted in Heroku, so I can't download the file to a temporary file and upload that file. It is a NodeJS project.
I'm also looking for this solution. however, what I understand from other blog and articles is you have to download File from provided URL on your server then upload it to google drive.
As of now, i understand this. Will update this if I able to do this.
I think you are unable to use OneDrive's REST API on Google Drive since most such services are self-used only.
Yet, i know a third party online app which enables you upload files to most common cloud drives (Google Drive, OneDrive, Dropbox, Mega, etc.) from URL links. What you have to do is to create an account of this web-based app, add your cloud to its platform and import/export files to your cloud through its service. Maybe it can help you.

Wordpress Hosting in Azure with integrated Media Services and Uploader Security

I'm using a wordpress template and have multiple media uploaders. When they embedd/insert their content from the media library, they should only be able to see and embedd their uploaded content. My goal is to host the website in Azure and also use its media services for video content. Is there an elegant frontend way with wich users can upload their content an reembedd it after transcoding?
I think that there is no plugin that supports directly Azure Media Services encoding workflows in WordPress.
Maybe you can do it in a few steps :
Use the WordPress Azure Storage plugins to upload your files : https://wordpress.org/plugins/windows-azure-storage/
Use an Azure WebJob to trigger encoding as soon as a file is uploaded in the storage : https://github.com/Azure/azure-content/blob/master/articles/app-service-web/websites-dotnet-webjobs-sdk-storage-blobs-how-to.md and https://azure.microsoft.com/en-us/documentation/articles/media-services-dotnet-encode-asset/
Display the video on your site, using Azure Media Player : http://amsplayer.azurewebsites.net/
Hope this helps,
Julien

upload file to the Windows azure media services without using the local file path

I'm trying to make an app wich will upload videofiles to the cloud. I found some examples that explain how to upload file to cloud from the local computer with using the file path.
But i can't find how can i make an interactive app in which user can download video from web page.
Have anyone seeing something similar?
take a look into http://www.windowsazure.com/en-us/solutions/media/ . It describe main scenarios and capabilities of Microsoft Azure Media Services.
Developer portal for Azure Media Services located at
http://www.windowsazure.com/en-us/develop/media-services/. It has getting starting articles covering following scenarios:
Upload
Encode
Deliver
Consume

Resources