ฉันจะรับคีย์ googlemaps api เพื่อทำงานบน localhost ได้อย่างไร
ฉันได้สร้างคีย์ API และภายใต้ผู้อ้างอิงฉันเพิ่มสิ่งต่อไปนี้:
Accept requests from these HTTP referrers (websites) (Optional)
Use asterisks for wildcards. If you leave this blank, requests will be
accepted from any referrer. Be sure to add referrers before using this key
in production.
localhost
สิ่งนี้ใช้ไม่ได้และถ้าฉันไม่รวมคีย์ api มันก็ใช้ไม่ได้เช่นกัน?
คำตอบ:
ติดตามทางนี้ได้เลยครับ อย่างน้อยก็ใช้ได้สำหรับฉัน:
ในหน้าข้อมูลรับรอง:
เลือกตัวเลือกที่มีที่อยู่ IP (ตัวเลือกหมายเลข 3)
ใส่ที่อยู่ IP ของคุณจากผู้ให้บริการของคุณ หากคุณไม่ทำเช่นนั้นให้ค้นหาที่อยู่ IP ของคุณโดยใช้ลิงก์นี้: https://www.google.co.th/search?q=my+ip
บันทึกไว้
เปลี่ยนลิงค์แผนที่ Google ของคุณตามระหว่างแท็ก scrip:
https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx "
รอประมาณ 5 นาทีขึ้นไปเพื่อให้คีย์ API ของคุณเผยแพร่
ตอนนี้แผนที่ Google ของคุณควรใช้งานได้แล้ว
หากคุณกำลังทำงานกับ localhost ให้สร้างคีย์ API แยกต่างหากสำหรับการพัฒนาของคุณแล้วลบข้อ จำกัด ของคีย์นั้นออกเพื่อให้ localhost ของคุณสามารถใช้ อย่าลืมใช้คีย์นี้ในการผลิตดังนั้นคุณจะไม่เปิดเผยคีย์ของคุณให้กับนักล่าทางออนไลน์
ฉันมีปัญหาเดียวกันและความพยายามทั้งหมดในการรับข้อ จำกัด ที่ทำงานบนสภาพแวดล้อม localhost ของฉันไม่ประสบความสำเร็จจนกว่าฉันจะสร้าง apikey แยกต่างหากสำหรับการพัฒนาโดยเฉพาะจากนั้นจึงลบข้อ จำกัด ออก อย่างไรก็ตามฉันไม่ได้ใช้คีย์นั้นในสภาพแวดล้อมการใช้งานจริงและเมื่อดำเนินการพัฒนาเสร็จแล้วฉันจะลบคีย์ API ทันที
ฉันรู้ว่าโพสต์นี้ช้าไป แต่สำหรับคนที่มีแนวโน้มว่าจะเผชิญกับปัญหานี้ในอนาคตนี่คือเส้นทางที่ดีที่สุดที่จะไป
เดาว่าฉันไปงานปาร์ตี้ช้าไปหน่อยและแม้ว่าฉันจะยอมรับว่าการสร้างคีย์แยกสำหรับการพัฒนา (localhost) และผลิตภัณฑ์เป็นไปได้ที่จะทำทั้งสองอย่างในคีย์เดียวเท่านั้น
เมื่อคุณใช้ข้อ จำกัด ของแอปพลิเคชัน -> ผู้อ้างอิง http -> การปรับเปลี่ยนเว็บไซต์คุณสามารถป้อน URL ตัวแทน
อย่างไรก็ตามการใช้สัญลักษณ์แทนเช่น. localhost / หรือ .localhost: {port} (เมื่อมี .yourwebsite.com / * ) ดูเหมือนจะไม่ทำงาน
เพียงแค่ใส่ * ตัวเดียวก็ใช้งานได้ แต่โดยพื้นฐานแล้วจะให้คีย์ไม่ จำกัด ซึ่งไม่ใช่สิ่งที่คุณต้องการ
เมื่อคุณรวมเส้นทางแบบเต็มโดยไม่ใช้สัญลักษณ์แทน * มันก็ใช้ได้เช่นกันดังนั้นในกรณีของฉันให้ใส่:
http: // localhost {port} /
http: // localhost : {port} / something-else / ที่นี่
ทำให้แผนที่ Google ทำงานได้ทั้งแบบโลคัลบน www.yourwebsite.com โดยใช้คีย์ API เดียวกัน
อย่างไรก็ตามเมื่อมี 2 คีย์แยกกันก็เป็นตัวเลือกที่ฉันขอแนะนำให้ทำเช่นนั้น
คุณสามารถทำตามบทช่วยสอนนี้เกี่ยวกับวิธีใช้ Google Maps สำหรับการทดสอบบน localhost
- คลิกลิงก์นี้และทำตามขั้นตอน (สร้างโปรเจ็กต์ใหม่คีย์ API> คีย์เบราว์เซอร์ลงทะเบียนโดเมน 'localhost'): https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true
- สร้างคีย์
- ปรับใช้วิดเจ็ต Google Maps ตามที่อธิบายไว้ที่นี่: http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm
- เพิ่มคีย์ Google Maps API ของคุณใน googleConfig.xml (ตามที่อธิบายไว้ในลิงค์ก่อนหน้า) ENTER_YOUR_KEY_HERE
- รีสตาร์ทเว็บเซิร์ฟเวอร์
ตรวจสอบเธรด SO ที่เกี่ยวข้องเหล่านี้:
หวังว่านี่จะช่วยได้!
คุณต้องตรวจสอบข้อผิดพลาดเฉพาะภายในคอนโซลจาวาสคริปต์ (เช่นCtrl+ Shift+ Kใน Firefox สำหรับ Windows)
จากข้อมูลของSteven Gliebe (2016)มีสี่กรณีทั่วไปสำหรับปัญหานี้ ถ้าผมสรุปได้ดังนี้:
หลังจากทำการแก้ไขโค้ดแล้วโปรดล้างแคชของเบราว์เซอร์ตามความจำเป็น
ในกรณีที่มีข้อผิดพลาดอื่น ๆ คุณสามารถตรวจสอบหน้าเอกสารเกี่ยวกับรหัสข้อผิดพลาดของ Google Maps API
โดยระบุว่า "ยอมรับคำขอจากผู้อ้างอิง HTTP เหล่านี้ (เว็บไซต์) (ไม่บังคับ)" คุณไม่จำเป็นต้องมีผู้อ้างอิงใด ๆ อยู่ในรายการ ดังนั้นคลิก X ข้าง localhost ในหน้านี้ แต่ใช้คีย์ของคุณต่อไป
จากนั้นควรใช้งานได้หลังจากนั้นไม่กี่นาที
การเปลี่ยนแปลงที่ทำบางครั้งอาจใช้เวลาสักครู่จึงจะมีผลดังนั้นโปรดรอสักครู่ก่อนที่จะทดสอบอีกครั้ง
การพิมพ์ 'IP ของฉัน' ในการค้นหาของ Google ฉันได้รับที่อยู่ IP สาธารณะของฉันและวางในที่อยู่ IP (ตัวเลือกที่สาม) มันใช้ได้กับฉัน
การพิมพ์ 'IP ของฉัน' ในการค้นหาของ Google ฉันได้รับที่อยู่ IP สาธารณะของฉันและวางในที่อยู่ IP (ตัวเลือกที่สาม) มันใช้ได้กับฉัน