Skip to content

Commit 81f10cb

Browse files
committed
adding bing image search webapp tutorial
1 parent 6aa8f90 commit 81f10cb

File tree

7 files changed

+40
-376
lines changed

7 files changed

+40
-376
lines changed
Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# Bing Image Search single-page web app
2+
3+
This single-page web application demonstrates how the Bing Image Search API (an [Azure Cognitive Service](https://docs.microsoft.com/azure/cognitive-services/)) can be used to retrieve, parse, and display relevant image results based on a user's query. This sample compliments the [single-page web app](https://docs.microsoft.com/azure/cognitive-services/bing-image-search/tutorial-bing-image-search-single-page-app) tutorial on docs.microsoft.com.
4+
5+
The sample app can:
6+
7+
* Call the Bing Image Search API with search options
8+
* Display image results
9+
* Paginate results
10+
* Manage subscription keys
11+
* Handle errors
12+
13+
To use this app, you must have a valid Azure subscription. If you don't have one, you can [get an account](https://azure.microsoft.com/free/) for free. After you sign up, you can use the subscription key from creating an [Azure Cognitive Services resource](http://docs.microsoft.com/azure/cognitive-services/cognitive-services-apis-create-account) for the Bing Search APIs.
14+
15+
## Prerequisites
16+
17+
* Node.js 8 or later
18+
* A valid Azure Cognitive Services subscription key for the Bing Search APIs
19+
20+
## Get started
21+
22+
1. Clone the repository.
23+
2. Navigate to the Bing Web Search Tutorial directory.
24+
3. Install Express.js:
25+
`npm install`
26+
27+
4. Run the sample app:
28+
`node bing-web-search.js`
29+
30+
5. Navigate to the provided URL and perform your first Bing Image Search!
31+
32+
## Next steps
33+
34+
* See the [single-page webapp tutorial](https://docs.microsoft.com/azure/cognitive-services/bing-image-search/tutorial-bing-image-search-single-page-app) that goes along with this sample.
35+
* Explore all of the available [Azure Cognitive Services](https://docs.microsoft.com/azure/cognitive-services/).
36+
* Use [computer vision](https://docs.microsoft.com/azure/cognitive-services/computer-vision/quickstarts-sdk/csharp-analyze-sdk) to quickly analyze an image.
37+
* View the rest of the [Bing Image Search Documentation](https://docs.microsoft.com/en-us/azure/cognitive-services/bing-image-search/).
File renamed without changes.

Tutorials/Bing-Image-Search/single-page-webapp/package.json renamed to Tutorials/Bing-Image-Search/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
2-
"name": "temp",
2+
"name": "BingImageSearchApp",
33
"version": "1.0.0",
44
"description": "A single-page web app that displays images from the Bing Image Search API ",
55
"main": "app.js",
6+
"license": "MIT",
67
"scripts": {
78
"test": "echo \"Error: no test specified\" && exit 1"
89
},
9-
"author": "",
10-
"license": "ISC",
10+
"author": "Microsoft Corporation",
1111
"dependencies": {
1212
"express": "^4.16.3"
1313
}

Tutorials/Bing-Image-Search/single-page-webapp/public/css/style.css renamed to Tutorials/Bing-Image-Search/public/css/style.css

File renamed without changes.

Tutorials/Bing-Image-Search/single-page-webapp/public/index.html renamed to Tutorials/Bing-Image-Search/public/index.html

File renamed without changes.

Tutorials/Bing-Image-Search/single-page-webapp/public/js/script.js renamed to Tutorials/Bing-Image-Search/public/js/script.js

File renamed without changes.

0 commit comments

Comments
 (0)