microsoft azure file upload api creation in javascript - javascript

https://learn.microsoft.com/en-us/azure/developer/javascript/tutorial/browser-file-upload-azure-storage-blob
I used this sample repo and was following the step by step procedure given in this website. I got stuck at point no-9. Can anyone help me with the same by providing me screenshot of every step after 9th.
(Where is azure explorer and what to do after going to source control [enter image description here](https://i.stack.imgur.com/n9afP.png)
Till point no-8 its working fine but I am unable to understand what to do after 8

I tried in my environment and got below results:
The step is to Deploy static web app to Azure.
In visual studio you need to sign in with azure subscription by left side panel clicking Azure symbol you can be able to add to your subscription by signing in.
After signing in click, the resource + symbol and create static web app.
To create enter your static app name, resource group, SKU, default project structure-react, location of your application code-/appname, path of your build output- Build, location for new resources-location you needed. After creation you will get notification in bottom like in document.
The 10th step is adding our azure storage secrets to github secrets:
https://github.com/YOUR-GITHUB-ACCOUNT/js-e2e-browser-file-upload-storage-blob/settings/secrets/actions
Add the two secrets and their values by creating new repository secret with name and secret.
Once you set the secrets in your visual studio code .github/workflows workflow add the two environment variables.
env: # Add environment variables here
REACT_APP_STORAGESASTOKEN: ${{secrets.REACT_APP_STORAGESASTOKEN}}
REACT_APP_STORAGERESOURCENAME: ${{secrets.REACT_APP_STORAGERESOURCENAME}}
By clicking the Synchronize changes symbol in the status bar, you can push to your GitHub fork.
Now you can deploy in web sites by clicking browse sites.
You can now upload the image and using static web site.
Reference:
JavaScript: Upload image to Blob Storage - Azure | Microsoft Learn

Related

i am not able to see my api after hosting on firebase,even after deploying it

here is my link to the image
to host my project on fire base,i did everything perfectly with a public folder in the project folder and put all the files in public folder, did the steps according to the official tutorial video from fire-base hosting,i tried this for multiple projects,it did show'deployed' but am not getting the actual result ,what am getting is this message when i open the site.
Welcome
Firebase Hosting Setup Complete
You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!
OPEN HOSTING DOCUMENTATION
i tried redoing the process by uninstalling and reinstalling to clear the fire base cache on my terminal but that does not work too.
here's the link to my image.
[1]: https://i.stack.imgur.com/DXjFQ.png
Both ".web.app" and ".firebaseapp.com" are valid domains for your hosted site. .web.app is relatively new. You can choose which one you want to use.

Office-add in online sideload

We followed the steps mentioned in "Sideload an Office Add-in on Office online" to work custom function for desktop or online users but still custom functions not appearing for both. Manifest file able to upload without any error but function not displaying.
do you get a browser error? i.e. through the console? How are you hosting?
One common issue: you're using a self-signed certificate which is generated by the Office Yeoman generator, you'll need to trust the certifcate. Depending on your custom function project, if it doesn't show a taskpane, you can just navigate to the endpoint, i.e. https://localhost:3000/ and manually trust it. Then sideload the manifest again.

Common space for Windows Universal app and website (Edge)

This is a unique requirement where we have an Universal Windows App which saves some configuration (xml) file in the system storage (app storage). Now, when someone open our web site (web version of same windows app) in the same system, we want to read the xml through JavaScript and render content accordingly. I know accessing file through javascript from browser involves permission issues in reading file.
We have tried setting local storage and access through iframe posting - Failed.
Saving to xml file and then tried to read when someone opens the web site using javascript - Failed.
We have workarounds like save to cloud and read from there. Like save to azure blob storage or SharePoint list/library and then read from there. But, it is specific to user settings, we like to avoid the round-trips and authentication stuff if we saved to cloud.
Any ideas we can achieve or solve this to share the file/content between the browser and windows apps?
-Praveen.

I Need help to deploy my asp.net website on server using VS-2013

I trying to deploy my website on my host server. It's showing it's successfully published. But when i am using my URL than it's giving me listed stuff,
Index of /
Audio/
Contect.aspx
Default.aspx
and other my project file.
Why am not able to see my website. When i click default.aspx then i am able see just my webcode.
Help me out.
You have to tell the IIS, that your folder is an application.
Open your IIS manager (might be at Control Panel, Administrative Tools, Internet Information Services (IIS) Manager)
unfold directory structure, until you find your application folder
right click, convert to application
First of all you should build you project web site and then make publish to you Windows server instance. (to File system or FTP).
Details about publishing is here: https://msdn.microsoft.com/en-us/library/vstudio/1y1404zt(v=vs.100).aspx
Then you will be able to configure IIS Web server to host your web site in the network, here is an example:
Creating a site in IIS using GUI.
1. Open IIS Manager. For information about opening IIS Manager, see Open IIS Manager (IIS 7). For information about navigating to locations in the UI, see Navigation in IIS Manager (IIS 7).
2. In the Connections pane, right-click the Sites node in the tree, and then click Add Web Site.
3. In the Add Web Site dialog box, type a friendly name for your Web site in the Web site name box.
4. Click Select if you want to select a different application pool than the one listed in the Application Pool box. In the Select Application Pool dialog box, select an application pool from the Application Pool list and then click OK.
5. In the Physical path box, type the physical path of the Web site's folder, or click the browse button (...) to navigate the file system to find the folder.
6. If the physical path that you entered in step 5 is to a remote share, click Connect as to specify credentials that have permission to access the path. If you do not use specific credentials, select the Application user (pass-through authentication) option in the Connect As dialog box.
7. Select the protocol for the Web site from the Type list.
The default value in the IP address box is All Unassigned. If you must specify a static IP address for the Web site, type the IP address in the IP address box.
8. Type a port number in the Port text box.
9. Optionally, type a host header name for the Web site in the Host Header box.
10. If you do not have to make any changes to the site, and you want the Web site to be immediately available, select the Start Web site immediately check box.
Click OK.
Keep in mind if you configured some host name and want to able you use it locally - you should add this host name to your windows Host file.
Example:
mytesthost.local 127.0.0.1

Google Analytics Instant Tester

Given that it takes around 24 hours for Google Analytics data to update, this makes it hard to see how data rolls up and is displayed within Google Analytics.
Is there some sort of instant tester, or fast turn around application that allows me to quickly set up custom dimensions/metric within my app and see how they appear?
Options for real time analytics:
Google Realtime Analytics - Built into Google Analytics. To use Google Analytics Realtime, login to your google analytics account and select your web property. Then, on the left hand side click Real-Time->Overview.
GoAccess - If you have access to your web server log files this will give you a real-time view of traffic and does not require anything more than a console access. The really nice things about GoAccess is that it does not rely on any 3rd part services and has the ability to run in real-time or generate reports. To use GoAccess, first install it on your server using either the package manager or in a local directory using the official Git. Then, if you are running a standard Apache configuration just run the executable with:
# goaccess -f /var/log/apache2/your-website-access.log -a
If you are running a non-standard Apache log configuration (or another web server entirely), then you have to give GoAccess a description of your log file. This can be done in the ~/.goaccessrc file. Refer to the GoAccess documentation for specific descriptors in generating a string that describes your log file lines.
There are also a host of other SAS options like Clicky, GoSquared, or piwik (which is open source).

Categories