Отже, я використовую API Карт Google у своєму першому проекті, який я роблю ... Тож так, я новачок, і мені шкода, якщо це є основним чи очевидним, але мені не вдалося знайти чіткої відповіді чи напрямку. Нижче наведена документація, яку я знайшов від Google про безпечне використання ключа API.
Кращі практики безпечного використання ключів API
Коли ви використовуєте ключі API у своїх програмах, подбайте про те, щоб захистити їх. Публічне видання ваших облікових даних може призвести до компрометації вашого облікового запису, що може призвести до несподіваних платежів за ваш рахунок. Щоб захистити ключі API, дотримуйтесь наведених нижче найкращих практик:
Не вбудовуйте ключі API безпосередньо в код: ключі API, вбудовані в код, можуть випадково бути відкритими для загального користування - наприклад, якщо ви забудете видалити ключі з коду, яким ви ділитесь. Замість того, щоб вбудовувати ключі API у свої програми, зберігайте їх у змінних середовища або у файлах поза деревом джерела програми. Не зберігайте ключі API у файлах у дереві джерела програми: якщо ви зберігаєте ключі API у файлах, зберігайте файли поза деревом джерела програми, щоб гарантувати, що ваші ключі не потраплять у систему контролю вихідного коду. Це особливо важливо, якщо ви використовуєте загальнодоступну систему управління вихідним кодом, таку як GitHub. Обмежте, щоб ваші ключі API використовувались лише IP-адресами, URL-адресами перенаправлення та мобільними додатками, які вони потребують: Обмежуючи IP-адреси, URL-адреси переходу і мобільні програми, які можуть використовувати кожен ключ, ви можете зменшити вплив компрометованого ключа API. Ви можете вказати хости та програми, які можуть використовувати кожен ключ із консолі, відкривши сторінку Повноваження, а потім створивши новий ключ API із потрібними налаштуваннями або відредагувавши налаштування ключа API. Видаліть непотрібні ключі API: щоб мінімізувати ризик атаки, видаліть усі потрібні вам ключі API. Періодично відновлюйте свої ключі API: Ви можете відновлювати ключі API на сторінці облікових даних консолі Cloud Platform, натискаючи Відновити ключ для кожного ключа. Потім оновіть свої програми, щоб використовувати новостворені ключі. Ваші старі ключі працюватимуть протягом 24 годин після того, як ви створите запасні ключі. Перегляньте свій код перед публічним випуском:
Зараз моя проблема в тому, що я не можу зрозуміти, як включити Карту Google на свій веб-сайт, не ввівши її безпосередньо в код. Зараз мій API знаходиться в моєму index.html так:
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
Але знову ж таки це прямо в моєму коді, щоб світ побачив, який я вважаю неправильним шляхом.