Don Wibier's Blog

December 2014 - Posts

  • CloudProviders: Connecting the ASP.NET File Manager to Dropbox (Now available in v14.2)

    What started as the preparations for a webinar ended as a really cool feature in v14.2!

    You can now manage your files on Dropbox with the ASPxFileManager because we’ve added brand new cloud providers, and you don’t need coding for it. Let’s see how you set it up:

    Preparations on Dropbox

    After signing in or signing up at http://www.dropbox.com, you’ll get an overview of the contents of your Dropbox folder. Click on the three dots at the left bottom of your browser to access the Dropbox menu and select the Developers item:

    Screen1

    You will enter the development section of the Dropbox site, where you can click on the App Console menu item:

    Screen2

    In the App Console screen, click Create app on the top right side:

    Screen3

    Next, you need to specify several options concerning your app. For the best experience, select the options as specified below:

    Screen4

    Please note that the App Name needs to be unique and it is possible that you will get warnings in case the name was already taken.

    After the app has been successfully created, you need to generate an access token by clicking the button:

    Screen5

    Copy the token and stored it somewhere safe since you will only see it once:

    Screen6

    Connecting the ASPxFileManager to your Dropbox account

    In Visual Studio, drop an ASPxFileManager on a page or UserControl and specify the following properties:

    Screen7

    If you start your application, you will notice that you can start managing your Dropbox store straight away!

    You might wonder why you don’t need to do anything with the App Key and Secret, and why you don’t need to authorize the site to access your Dropbox account when running your application?

    This is because of the static token we generated for the Dropbox account which means that you have access to this Dropbox account only.

    If you would like to get access to your visitors Dropbox accounts, where a visitor will need to authorize your site to access his/her Dropbox storage, you can take a look at my initial demo provider which includes the OAuth authentication part. It is hosted on GitHub at https://github.com/donwibier/DXCloudProviders including a demo.

    Click here if you want to use Microsoft Azure BlobStorage or here if you want to use Amazon S3 Storage.

    If you have plans on creating your own FileSystemProvider, or if you want to connect to some other cloud service, let me know.

    UPDATE

    Click here to watch the instructions and demo for WebForms and MVC on YouTube!

  • CloudProviders: Connecting the ASP.NET File Manager and Upload Control to Amazon S3 Storage (Now available in v14.2)

    What started as the preparations for a webinar ended as a really cool feature in v14.2!

    You can now manage your files on Amazon S3 Storage with the ASPxFileManager because we’ve added brand new cloud providers, and you don’t need coding for it. Let’s see how you set it up:

    Preparations on Amazon

    After signing in or signing up at http://aws.amazon.com/, the Amazon Web Services overview is being displayed. You will first need to setup a user which is allowed to access the S3 Storage Buckets. This is done by clicking the Identity & Access Management link in the Administration & Security (IAM) Section:

    In the dashboard which shows up, create a user by clicking the User menu item, and Create New Users:

    AddUser

    Enter the desired username (you are able to create several users in one go, but we will stick with one) and click Next:

    AddUser2

    Pay attention on the following screen which is only displayed once, click the hyperlink to get the users keys:

     AddUser3

    AddUser4

    Copy the indicated information to a save place because you will never see them again in Amazon!

    After storing theses keys, you have to click on the orange box to go to the Services overview from where you can go back the AIM Dashboard. Now you can create a group with S3 Policies enabled:

    AddGroup1

    Give the group some logical name and click Next Step:

    AddGroup2

    In the Set Permissions screen, scroll down in the Select Policy Template section to select the Amazon S3 Full Policy:

    AddGroup3

    On the confirmation screen, click Next Step:

    AddGroup4

    In the Group Overview, click on the group name:

    AddGroup5

    And add the user to this group:

    AddGroup6

     

    AddGroup7

    Now the security related things have been setup so you can create the S3 Bucket. Click the Orange Box in the Left Corner, and select S3:

    S3Image1

    On the Simple Storage welcome screen, click the Create Bucket button, enter the bucket name and select a region:

    S3Image3

    Connecting the ASPxFileManager to the bucket

    In Visual Studio, drop an ASPxFileManager on a page or UserControl and specify the following properties:

    Image 21

    If you start your application, you’ll notice that you can start managing your bucket straight away!

    Uploading directly with an ASPxUploadControl to the bucket

    If you only want to upload files to Amazon S3 Storage, you can drop an ASPxUploadControl on your form and specify the following properties:

    Image 22

    You might want to specify some additional properties like ShowUploadButton = true, so you don’t need any additional coding at all.

    If you prefer using Azure BlobStorage instead of Amazon S3, check here to find out how easy that is!

    UPDATE

    Click here to see the instructions and demo for WebForms and MVC on YouTube!

  • CloudProviders: Uploading files to Azure BlobStorage using the ASP.NET Upload Control (Now available in v14.2)

    Besides the cloud support in the ASPxFileManager, we’ve also added support in the ASPxUploadControl to upload files directly to Azure BlobStorage.

    Let me show you how easy it is to use this exiting new feature.

    First we need to get the access details of the Blob Container were we would like to upload to. This can be done by creating a new container or using an existing one. For exact details on how to get ready, please read the blog post about CloudProviders: Connecting the ASP.NET File Manager to Azure BlobStorage (Now available in v14.2).

    Screen5

    Once you have prepared the Blob Container you can go to Visual Studio and drop an ASPxUploadControl on your page or UserControl:

    UploadProperties

    While you’re at it, also don’t forget to check the other new features of the ASPxUploadControl like Settings.EnableDragDrop:

    UploadProps

    Finally enable the ShowUploadButton, and hit Ctrl+F5 to start uploading to Azure straight away!

    Make sure you register for the upcoming webinar at December 9th where I will tell and show you more about it.

  • CloudProviders: Connecting the ASP.NET File Manager to Azure BlobStorage (Now available in v14.2)

    What started as the preparations for a webinar ended as a really cool feature in v14.2!

    You can now manage your files on Azure BlobStorage with the ASPxFileManager because we’ve added brand new cloud providers, and you don’t need coding for it. Let’s see how you set it up:

    Preparations on Azure

    After signing in or signing up at http://azure.microsoft.com/, you can click on the Storage button on the left-side features menu

    Screen1

    Next, we need to specify a couple of details on the storage account, like the name, the data center location, subscription and replication.

    Remember the URL

    Screen2

    After the storage account has been created, we can create the actual container:

    Screen3

    Specify the name and select the optional Access restrictions:

    Remember the Name.

    Screen4

    Once the container has been created, we can copy the access key by clicking the Manage Access Keys on the bottom menu:

    Screen5

    That’s it for the preparations in Azure.

    Connecting the ASPxFileManager to the container

    After we’ve dropped an ASPxFileManager on an ASP.NET Form, we only need to specify the following properties in the Object Inspector:

    Screen6

    Don’t forget to specify the SettingsEditing properties so you can manage folders and files in the container.

    After hitting Ctrl+F5 to start up your web application, you can start making folders and upload files to the container!

    Screen7

    Did you know that you can also use the ASPxUploadControl to upload directly to Azure BlobStorage ?

    UPDATE

    Click here to watch the instructions and demo for WebForms and MVC on YouTube!

LIVE CHAT

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at info@devexpress.com or call us at +1 (818) 844-3383

FOLLOW US

DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2017 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners