Настройка Up

Перед использованием пользовательских Search API, мы должны позволить Google знает, кто мы есть, и получить некоторые ключи доступа .

Поисковая ID

• Выберите “Добавить”.

Ссылка введите веб-сайта (yoursite.com |) __16 в “сайты для поиска.”

• Хит “Создать”.

Теперь вы должны найти свой “Поисковая ID.” Нажмите кнопку “Изменить” на поисковой системе, что вы создали, затем кнопку “Search Engine ID”.Принять к сведению, что код

API Разработчикам Access

JavaScript

. Перед созданием функции, мы должны рассмотреть условия, которые наш код будет работать, потому что мы пишем наличие на переднем конце, наш код может работать вместе с другими плагинами и скриптами.Итак, давайте строить мало места, чтобы отделить чисто наши функции от всего остального:

function createCustomSearch() {
// Private variables and methods here
}

В нашем customSearch объекта, мы можем определить методы и переменные на безопасном расстоянии от глобального контекста.Во-первых, давайте настроить некоторые переменные, чтобы использовать позже:

function createCustomSearch() {
  // Some private variables for this object
  var context = this;
  var dialog = document.querySelector('dialog');
  // Your keys
  var engineID = 'YOUR_ENGINE_ID';
  var apiKey = 'YOUR_API_KEY';
}

Заменить ключи с тем, мы получили ранее .

Первоначально мы установим локальный контекст, сохраняя это в переменной.Мы будем использовать это, чтобы получить доступ к showDialog метод .__ позже 0 |

Попытка A Search

Во-первых, мы добавим метод, который пытается пользовательский поиск:

function customSearchConstructor() {
  // Some private variables for this object
  var context = this;
  var dialog = document.querySelector('dialog');
  // Your keys
  var engineID = 'YOUR_ENGINE_ID';
  var apiKey = 'YOUR_API_KEY';
  this.trySearch = function(phrase) {
    var queryParams = {
      cx: engineID,
      key: apiKey,
      num: 10,
      q: phrase,
      alt: 'JSON'
    }
    var API_URL = 'https://www.googleapis.com/customsearch/v1?';
    // Send the request to the custom search API
    $.getJSON(API_URL, queryParams, function(response) {
      if (response.items && response.items.length) {
        console.log(response.items[0].link);
      }
    });
  };
}

Это trySearch метод принимает фразу и отправляет его вместе с ключами в качестве запроса на API Google.Затем ответ проверяется, и первая ссылка, что он находит будут регистрироваться в консоли.Вы назвали бы это так:

var customSearch = new customSearchConstructor();
customSearch.trySearch('cat');

Предполагая, что ваш веб-сайт содержит страницы о кошках (а чья не?), Вы должны увидеть что-то вошли в консоли .

Получение Поиск Phrase

Далее мы напишем код, чтобы получить путь от URL страницы.Этот путь станет поиск фраза .

$(document).ready(function() {
  var customSearch = new customSearchConstructor();
  var path = window.location.pathname;
  var phrase = decodeURIComponent(path.replace(/\/+/g, ' ').trim());
  customSearch.trySearch(phrase);
});

В JQuery ready Метод, мы забрать pathname часть текущего URL и создать поисковую фразу из него.Мы декодировать URI, заменить любой косую черту с пробелами, и отправить результат в trySearch Метод .

Замена строк с JavaScript

Одна удобная вещь, чтобы знать, как заменить глобальный регулярное выражение в JavaScript.Это один множество матчей, разделенных труб:

/\/+/g

Первый и последний косую черту (/) должны там содержать выражение.В ней мы избежать обратной косой черты (\/) так, чтобы она рассматривается как фактический характер.+ будут соответствовать все экземпляры нескольких косых черт, и g затем говорит, чтобы заменить все вхождения в строке .

Показаны Redirect

В моей первой версии, у меня было страницы перенаправления немедленно.Это было весело, но не большой опыт для посетителя.Страница будет загружаться, мерцание и прыгать в другом месте .

Альтернативный подход заключается в представлении опцию в виде наложения и в качестве связующего звена, что посетитель может нажать.Таким образом, посетитель лучше понимает, что произошло, и видит ясный путь, чтобы продолжить.И они будут иметь возможность не предпринимать действий, если результат не устраивает .

Другое Approaches