Vì vậy, tôi đang sử dụng API Google Maps trong dự án đầu tiên mà tôi đang thực hiện ... Vì vậy, có, tôi là người mới và tôi rất tiếc nếu điều này là cơ bản hoặc hiển nhiên nhưng tôi không thể tìm thấy câu trả lời hoặc hướng rõ ràng. Dưới đây là tài liệu tôi tìm thấy từ Google về cách sử dụng Khóa API một cách an toàn.
Các phương pháp hay nhất để sử dụng khóa API một cách an toàn
Khi bạn sử dụng khóa API trong các ứng dụng của mình, hãy lưu ý giữ chúng an toàn. Việc để lộ thông tin xác thực của bạn một cách công khai có thể dẫn đến việc tài khoản của bạn bị xâm phạm, điều này có thể dẫn đến các khoản phí không mong muốn cho tài khoản của bạn. Để giữ khóa API của bạn an toàn, hãy làm theo các phương pháp hay nhất sau:
Không nhúng các khóa API trực tiếp vào mã: Các khóa API được nhúng trong mã có thể vô tình bị công khai — ví dụ: nếu bạn quên xóa khóa khỏi mã mà bạn chia sẻ. Thay vì nhúng các khóa API vào các ứng dụng của bạn, hãy lưu trữ chúng trong các biến môi trường hoặc trong các tệp bên ngoài cây nguồn của ứng dụng của bạn. Không lưu trữ khóa API trong tệp bên trong cây nguồn của ứng dụng: Nếu bạn lưu trữ khóa API trong tệp, hãy giữ các tệp bên ngoài cây nguồn của ứng dụng để giúp đảm bảo khóa của bạn không nằm trong hệ thống kiểm soát mã nguồn của bạn. Điều này đặc biệt quan trọng nếu bạn sử dụng hệ thống quản lý mã nguồn công khai như GitHub. Hạn chế các khóa API của bạn chỉ được sử dụng bởi địa chỉ IP, URL liên kết giới thiệu và ứng dụng di động cần chúng: Bằng cách hạn chế địa chỉ IP, URL liên kết giới thiệu, và các ứng dụng di động có thể sử dụng từng khóa, bạn có thể giảm tác động của khóa API bị xâm phạm. Bạn có thể chỉ định các máy chủ và ứng dụng có thể sử dụng từng khóa từ bảng điều khiển bằng cách mở trang Thông tin đăng nhập rồi tạo khóa API mới với cài đặt bạn muốn hoặc chỉnh sửa cài đặt của khóa API. Xóa các khóa API không cần thiết: Để giảm thiểu nguy cơ bị tấn công, hãy xóa mọi khóa API mà bạn không cần nữa. Tạo lại khóa API của bạn theo định kỳ: Bạn có thể tạo lại khóa API từ trang Thông tin đăng nhập của Bảng điều khiển nền tảng đám mây bằng cách nhấp vào Tạo lại khóa cho mỗi khóa. Sau đó, cập nhật các ứng dụng của bạn để sử dụng các khóa mới được tạo. Các khóa cũ của bạn sẽ tiếp tục hoạt động trong 24 giờ sau khi bạn tạo khóa thay thế. Xem lại mã của bạn trước khi phát hành công khai:
Bây giờ vấn đề của tôi là tôi không thể tìm ra cách kết hợp Bản đồ Google trên trang web của mình mà không cần trực tiếp đưa nó vào mã. Ngay bây giờ API của tôi nằm trong index.html của tôi như sau:
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>
Nhưng một lần nữa, điều này nằm trực tiếp trong mã của tôi để mọi người thấy rằng tôi tin là sai cách.