การใช้งานการแชร์รองของหน้า Html5

การแชร์รองค่อนข้างสำคัญสำหรับเพจ H5 อย่างไรก็ตาม QQ ยังคงใช้ฟังก์ชันการแชร์ในตัวหลังจากส่งออกบน WeChat แตกต่างจากฝั่งพีซี พีซีจะคัดลอกที่อยู่โดยตรง ฉันกำลังส่งคำเชิญเมื่อสองวันก่อน และฉันพบข้อผิดพลาดมากมาย การพัฒนาส่วนบุคคลและการพัฒนาองค์กรยังคงแตกต่างกัน ควรกล่าวถึงประเด็นต่าง ๆ และประเด็นอื่น ๆ ในคำลงท้ายของคำเชิญ มาทำธุรกิจกันเถอะ

เอกสารของ WeChat ค่อนข้างดี หากคุณอ่านบทความทั้งหมด คุณสามารถหลีกเลี่ยงข้อผิดพลาดได้มากมาย (โปรดจำไว้ว่าเอกสาร WeChat คุ้นเคยกับการเขียนข้อผิดพลาดบางอย่างในตอนท้ายแทนที่จะรวมเข้าด้วยกัน)

ที่อยู่เอกสารโดยแนะนำ API อย่างเป็นทางการ เอกสารเขียนดีแค่ส่งเข้า shareInfo โดยตรง

 <script src=//res.wx.qq.com/open/js/jweixin-1.2.0.js></script>wx.config({ debug: false, // เปิดโหมดดีบัก API ทั้งหมดเรียกว่า The ค่าส่งคืนจะได้รับการแจ้งเตือนทางฝั่งไคลเอ็นต์ หากคุณต้องการดูพารามิเตอร์ขาเข้า คุณสามารถเปิดค่าดังกล่าวได้ทางฝั่งพีซี ข้อมูลพารามิเตอร์จะถูกพิมพ์ผ่านบันทึกเท่านั้น sign.appid, // จำเป็น การระบุที่ไม่ซ้ำกันของการประทับเวลาบัญชีอย่างเป็นทางการ: sign.timestamp, // จำเป็น, การประทับเวลาของลายเซ็นที่สร้างขึ้น nonceStr: sign.nonceStr, // จำเป็น, สตริงสุ่มของลายเซ็นลายเซ็นที่สร้างขึ้น: sign.signature, // จำเป็น ลายเซ็น ดูภาคผนวก 1 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // จำเป็น รายการอินเทอร์เฟซ JS ที่จำเป็นต้องใช้ โปรดดูภาคผนวก 2 สำหรับรายการอินเทอร์เฟซ JS ทั้งหมด}); wx.ready(function() { wx.showOptionMenu(); wx.onMenuShareAppMessage( shareInfo); // รับสถานะการคลิกปุ่มแชร์ให้เพื่อนและอินเทอร์เฟซเนื้อหาการแชร์แบบกำหนดเอง (จะละทิ้ง) wx.onMenuShareTimeline(shareInfo); // รับสถานะการคลิกของปุ่มแชร์ไปที่ QQ และอินเทอร์เฟซเนื้อหาการแชร์แบบกำหนดเอง (เร็วๆ นี้จะถูกละทิ้ง) wx.onMenuShareQQ(shareInfo); // รับสถานะการคลิกของปุ่มแชร์ไปที่ QQ และอินเทอร์เฟซเนื้อหาการแชร์แบบกำหนดเอง wx .onMenuShareWeibo(shareInfo); / /รับการแชร์ไปยังสถานะการคลิกปุ่ม Tencent Weibo และอินเทอร์เฟซการแชร์เนื้อหาแบบกำหนดเอง wx.onMenuShareQZone(shareInfo); // รับสถานะการคลิกปุ่มแชร์ไปยังพื้นที่ QQ และอินเทอร์เฟซเนื้อหาการแชร์แบบกำหนดเอง});

ดี? ฉันเขียนถูกต้องแล้ว ทำไมมันไม่ทำงานล่ะ? ไม่มีข้อกำหนดใดเขียนไว้ในเอกสาร?

ขั้นแรกให้ตรวจสอบแพลตฟอร์มสาธารณะของ WeChat - การพัฒนา - การอนุญาตอินเทอร์เฟซ และพบว่าผู้ที่ไม่ได้รับอนุญาตจะได้รับแจ้งว่าไม่ได้รับ จากนั้นไปที่การตรวจสอบสิทธิ์ของ WeChat อินเทอร์เฟซการแชร์ของฉันแจ้งว่าฉันได้รับแล้ว ข้างบนนี้พูดอะไร? คุณสามารถดูเอกสารของ WeChat ได้ในภายหลัง และโดยทั่วไปจะมีคำแนะนำอยู่ นี่คือประโยคด้านล่าง แสดงว่าเกิดปัญหาขึ้น ไม่สามารถตรวจสอบบัญชีส่วนบุคคลได้

ไม่สามารถแชร์บน iOS และ Android ได้ (โปรดยืนยันว่าบัญชีอย่างเป็นทางการได้รับการรับรองความถูกต้องแล้ว เฉพาะบัญชีอย่างเป็นทางการที่ได้รับการรับรองเท่านั้นที่ได้รับอนุญาตให้แชร์อินเทอร์เฟซที่เกี่ยวข้อง หากได้รับการรับรองความถูกต้องจริง ให้ตรวจสอบว่าอินเทอร์เฟซการฟังถูกทริกเกอร์ในการโทรกลับ wx.ready หรือไม่ การทำงาน)

การเรียงลำดับข้อผิดพลาดเกี่ยวกับ API ที่ไม่สามารถปรับเปลี่ยนได้

• invalid url domain ปัญหาของฉันคือชื่อโดเมนที่ปลอดภัย js ไม่ได้รับการแก้ไข
• invalid url signature ต้อง ปัญหาของฉันคือ jsapi_ticket ไม่ได้รับการอัพเดต
• เครื่องมือตรวจสอบลายเซ็นอินเทอร์เฟซ WeChat JS

มีเอกสารเผยแพร่บนอินเทอร์เน็ต API บางตัว ฉันลองแล้ว แต่มันใช้งานไม่ได้ ป้อนผ่านที่อยู่ และการบำรุงรักษาครั้งสุดท้ายคือ 15 ปีหรืออะไรบางอย่าง

เมตาแท็กเป็นวิทยาศาสตร์มากที่สุด

 <meta itemprop=name content=title/><meta itemprop=image content=subtitle/><meta name=description itemprop=description content=share image/>

มีอะไรที่เราควรใส่ใจหรือไม่?

ไม่สามารถเพิ่มเมตาแท็กนี้ได้ในภายหลัง แต่จะต้องอยู่ที่นั่นเมื่อเข้าสู่หน้า ซึ่งหมายความว่าคุณสามารถใช้ได้เฉพาะเทมเพลตพื้นหลังเท่านั้น มิฉะนั้น Android เวอร์ชันต่ำกว่าบางเวอร์ชันจะไม่สามารถรับข้อมูลสรุปได้ (ใช่ โทรศัพท์มือถือบางรุ่นสามารถรับข้อมูลแบบไดนามิกได้) และ iOS ไม่รองรับ

ที่จริงแล้ว บทความทางเทคนิคนั้นขึ้นอยู่กับเวลา

บทความนี้เขียนเมื่อวันที่ 30 กรกฎาคม 2018

เวลาทดสอบ 30 กรกฎาคม 2018

ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network