question

Hi @diptesh1410_193094,

if you are working on gitpod, would you look through the steps according to your backend (Java or Python) and comment in the relevant post with the exact error you are seeing in the developer tools?

For Java: https://community.datastax.com/questions/6805/

Note that we updated the Java code since the workshop, so start a new gitpod workspace and try again.

For Python: https://community.datastax.com/questions/6796/

Thanks!

Hi,

I have tested a workaround to the problem with the file upload into the form data on Windows 10.

I believe that the problem is that the file type of the zip file is not correctly recognised or advertised by Windows 10 file explorer. This in turn causes the drag and drop box to reject the file.

The following workaround worked for me on my Windows 10 desktop, tested with Chrome.

In gitpod, find the file CredentialsDialog.jsx:

/workspace/cassandra-workshop-series/week4-AppDev-api/getting-started-with-astra-ui/src/components/CredentialsDialog.jsx

Comment out line 98 (here in bold):

                    {(!files || !files.length) &&
                        <DialogContentText>
                            Choose your Secure Connect Bundle:*
                            <DropzoneArea
                                //acceptedFiles={["application/zip"]}
                                filesLimit={1}
                                dropzoneText="Drag and Drop your Secure Connect Bundle here or click to choose"
                                onChange={updateFiles}
                                showFileNames={true}
                                showPreviews={true}
                                showPreviewsInDropzone={false}
                                showAlerts={false}
                            />
                        </DialogContentText>
                    }

In this line, we specify the allowed file types. By commenting it out, we allow any type.

Save the file, and restart the UI.

Now, when you want to populate the connection dialog:

Do not click on the drag and drop box to choose the file.

Instead, open a file explorer and drop the secure bundle from the explorer into the box.

In my tests, this allowed me to populate the dialog.

After that I could successfully test the connection and save for database access.

Please let me know if this works for you.

Thanks for your patience!

@bettina.swynnerton

I'm able to load the file as you described. But when I'm trying to Test Connection:

In the backend server screen I'm getting:

127.0.0.1 - - [26/Jul/2020 07:37:33] "GET / HTTP/1.1" 404 -

127.0.0.1 - - [26/Jul/2020 07:37:33] "GET /favicon.ico HTTP/1.1" 404 -

In the UI screen I'm getting a long message:

{"message":"Network Error","name":"Error","stack":"Error: Network Error\n at createError (webpack-internal:///./node_modules/axios/lib/core/createError.js:16:15)\n at XMLHttpRequest.handleError (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:81:14)","config":{"url":"http://localhost:5000/api/credentials/test?username=KVUser&password=KVPassword&keyspace=killrvideo","method":"post","data":{},"headers":{"Accept":"application/json, text/plain, */*"},"transformRequest":[null],"transformResponse":[null],"timeout":0,"xsrfCookieName":"XSRF-TOKEN","xsrfHeaderName":"X-XSRF-TOKEN","maxContentLength":-1}}