Setup Azure AI Search Service

• First, you need to create an Azure AI Search resource in the Azure portal. Log in to the Azure portal and navigate to the "Create a resource" section.
• Search for "Azure Cognitive Search" and select the relevant service.
• Fill in the necessary details such as Subscription, Resource Group, and Service Name. Choose the appropriate pricing tier based on your needs.
• Click "Review + create" and then "Create" to provision your Cognitive Search service.

Configure Azure Cognitive Search Index

• Navigate to your newly created Azure Cognitive Search instance in the Azure portal.
• In the left menu, select “Indexes” and then click on “+ Add Index”.
• Define the index schema by specifying fields. For example:

  
  {
    "name": "my-index",
    "fields": [
      { "name": "id", "type": "Edm.String", "key": true, "sortable": true, "filterable": true },
      { "name": "title", "type": "Edm.String", "filterable": true, "sortable": true },
      { "name": "content", "type": "Edm.String" },
      { "name": "timestamp", "type": "Edm.DateTimeOffset", "filterable": true, "sortable": true }
    ]
  }
      

• Click “Create” to generate the index.

Generate an Admin API Key

• In your Azure Cognitive Search service page, go to the “Keys” section in the left menu.
• Note down the Admin API Key provided, as you will need it for authentication in Bubble. This key is essential to perform operations on your search index.

Setup a Bubble Application

• Log in to your Bubble account and create a new application or open an existing one.
• Navigate to the “Plugins” tab in your Bubble editor.
• Click “Add Plugins” and install the “API Connector” plugin.

Configure API Connector in Bubble

• Go to the “Plugins” tab and click on the “API Connector” plugin.
• Click “Add another API” and name it “Azure AI Search”.
• Add a new API call by clicking “Add call”. Name this call “Search Index”.
• For the API call configuration:
  • Set the URL to `https://.search.windows.net/indexes//docs?api-version=2021-04-30-Preview&search=*`. Replace `` and `` with your respective service and index names.
  • Set the method to `GET`.
  • Add a header with the name `api-key` and set the value to your Admin API Key from the Azure portal.
  • Click “Initialize call” to test the integration and ensure it is working properly. The response should show a sample of indexed documents.
• Click “Save”.

Create a Search Workflow in Bubble

• Open the Bubble editor and navigate to the page where you want to add search functionality.
• Drag and drop an input element (e.g., search box) and a repeating group to display the search results.
• Set up a workflow to trigger a search when the input value changes. For this, go to the "Workflow" tab and create a new event "When Input's value is changed".
• In the workflow action, select the "Plugins" and then "Azure AI Search - Search Index". Configure this action to use the input's value as the search parameter.
• Store the search results in a custom state or directly bind the repeating group to the search index API response.

Visualize Search Results

• Configure the repeating group to display the fields from the search results, such as title and content.
• Preview your Bubble app and test the search functionality by typing in the search box and observing the results in the repeating group.