flutter/apidash
1
0
Fork 0
mirror of https://github.com/foss42/apidash.git synced 2025-06-30 04:46:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update instructions_to_run_generated_code.md

Browse Source
This commit is contained in:
Ashita Prasad
2025-03-01 11:34:41 +05:30
committed by GitHub
parent c564b126c8
commit 2cd10947b9
1 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
doc/user_guide/instructions_to_run_generated_code.md
View File

@ -300,19 +300,19 @@ Create a new file `index.html`
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Fetch Example</title> <title>Axios Example</title>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head> </head>
<body> <body>
<script> <script>
// Paste your APIDash generated code here !! // Paste your API Dash generated code here !!
</script> </script>
</body> </body>
</html> </html>
``` ```
Make sure to paste the generated js code from api dash under the
`<script>` tag. Make sure to paste the generated js code from api dash under the `<script>` tag.
### 2. Test with Browser Developer Tools ### 2. Test with Browser Developer Tools
@ -328,11 +328,41 @@ Navigate to network tab and refresh the page to see the requests and network act
## JavaScript (fetch) ## JavaScript (fetch)
Same instructions as [JavaScript (axios)](#javascript-axios) and delete the following line from the html code. The generated api code can be run in browser by using the code in an html file as demonstrated below:
### 1. Create the html file with generated code
Create a new file `index.html`
```html ```html
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <!DOCTYPE html>
<html>
<head>
<title>Fetch Example</title>
</head>
<body>
<script>
// Paste your API Dash generated code here !!
</script>
</body>
</html>
``` ```
Make sure to paste the generated js code from api dash under the `<script>` tag.
### 2. Test with Browser Developer Tools
Open the `index.html` file in a modern browser and open devtools.
- **Chrome**: Right-click the page and select "Inspect" or press Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (macOS).
- **Firefox**: Right-click the page and select "Inspect Element" or press Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (macOS).
- **Edge**: Right-click the page and select "Inspect" or press F12 or Ctrl+Shift+I.
Navigate to network tab and refresh the page to see the requests and network activity.
## node.js (JavaScript, axios) ## node.js (JavaScript, axios)
### 1.Install Node.js: ### 1.Install Node.js: