การแบ่งปัน WeChat อาจดูซับซ้อนตั้งแต่แรกเห็น แต่จริงๆ แล้วง่ายมาก คุณจะต้องโทรหา WeChat jssdk ที่ WeChat เปิดตัวและเพิ่มการกำหนดค่าบางอย่างเพื่อให้สามารถแชร์หน้า h5 บน WeChat ได้ ที่อยู่เอกสารอย่างเป็นทางการคือ: https://mp.weixin.qq.com/wiki?t=resource/res_main&id =mp1421141115
1. รับข้อมูลพื้นฐานค้นหา appid ของบัญชีอย่างเป็นทางการที่มีอยู่ ส่งคำขอไปยังแบ็กเอนด์ตาม appid และ URL นี้ และรับพารามิเตอร์ที่จำเป็นสำหรับการกำหนดค่า: การประทับเวลา noncestr และลายเซ็น
2. การตระหนักรู้ 1. หน้านี้จะแนะนำไฟล์ JS-SDKแนะนำไฟล์ JS-SDK ของเว็บไซต์อย่างเป็นทางการของ WeChat ผ่านแท็กสคริปต์
<script src=https://res.wx.qq.com/open/js/jweixin-1.2.0.js type=text/javascript></script>
2. การกำหนดค่าพื้นฐาน
wx.config ({ debug: false, // ไม่ว่าจะเปิดใช้งานโหมดดีบัก appId: appid, //appid timestamp: timestamp, // timestamp nonceStr: noncestr, // ลายเซ็นสตริงสุ่ม: ลายเซ็น, // ลายเซ็น jsApiList: [ ' onMenuShareTimeline ', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // รายการอินเทอร์เฟซ JS ที่จะใช้})3. การใช้งาน
wx.ready(function(){ // แบ่งปันให้เพื่อน wx.onMenuShareAppMessage({ title: title, // Share title desc: desc, // Share description link: link, // Share link imgUrl: imgUrl, // Share icon ความสำเร็จ: ฟังก์ชั่น () { doShareDone() } ยกเลิก: ฟังก์ชั่น () { doShareCancel() } }) // แชร์ไปที่ Moments wx.onMenuShareTimeline({ title: title, // Share title link: link, // Share link imgUrl: imgUrl, // Share icon Success: function () { doShareDone() }, cancel: function () { doShareCancel () } })}) // แบ่งปันฟังก์ชันโทรกลับที่สำเร็จ doShareDone () { console.log ('การแบ่งปันสำเร็จ')} //ยกเลิกการแชร์ฟังก์ชันโทรกลับ doShareCancel () { console.log('การแชร์ถูกยกเลิก')} 3. การดีบักเมื่อฟิลด์ดีบักใน wx.config ถูกตั้งค่าเป็นจริง จะสามารถทำการดีบักได้
สำหรับการแก้ไขจุดบกพร่อง คุณจะต้องใช้เครื่องมือสำหรับนักพัฒนา WeChat เลือกโครงการหน้าเว็บบัญชีอย่างเป็นทางการ และป้อนที่อยู่ของหน้า
4. ปัญหาที่พบและวิธีแก้ไขภาคผนวก 5 ของเอกสาร WeChat JS-SDK มีวิธีแก้ไขปัญหาส่วนใหญ่ ที่นี่ฉันแสดงรายการบางส่วนที่ฉันพบซึ่งไม่ได้ให้วิธีแก้ปัญหาข้างต้น
1. Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'config' ของไม่ได้กำหนด
วิธีแก้ไข: หน้า html แนะนำ SDK แยกกัน และส่วนประกอบที่รวมเป็นหนึ่งเดียวก็แนะนำ SDK อีกครั้ง ทำให้เกิดปัญหา ลบหนึ่งในนั้น
2. Uncaught (ตามสัญญา) TypeError: ไม่สามารถอ่านคุณสมบัติ 'พร้อม' ของไม่ได้กำหนด
วิธีแก้ไข: เช่นเดียวกับปัญหาที่ 1
3. ลายเซ็นไม่ถูกต้อง
วิธีแก้ไข: หากไม่มีวิธีใดในเอกสารที่สามารถแก้ไขปัญหานี้ได้ ขั้นแรกให้ตั้งค่าการกำหนดค่าพื้นฐานที่สุดเพื่อให้กำหนดค่าได้ จากนั้นตั้งค่าสำเนาการแชร์ด้วยพารามิเตอร์ต่างๆ ที่คุณต้องการ ซึ่งสามารถข้ามได้ ปัญหา หลังจากกำหนดค่าแล้ว ก็แชร์ได้สำเร็จ อาจฟังดูสับสนเล็กน้อย แต่ความเข้าใจง่ายๆ ก็คือ ตราบใดที่เพจมีการกำหนดค่าการกำหนดค่าที่สำเร็จ คุณสามารถกำหนดค่าการแชร์อื่นๆ ต่อไปได้ แม้ว่าลายเซ็นของการกำหนดค่าการแชร์นี้จะไม่ถูกต้องก็ตาม
ข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาของทุกคน ฉันหวังว่าทุกคนจะสนับสนุน VeVb Wulin Network