قد تبدو مشاركة WeChat معقدة للوهلة الأولى، لكنها في الواقع بسيطة للغاية. ما عليك سوى الاتصال بـ WeChat jssdk الذي أصدرته WeChat وإضافة بعض التكوينات لتحقيق مشاركة صفحات h5 على WeChat. عنوان المستند الرسمي هو: https://mp.weixin.qq.com/wiki?t=resource/res_main&id. =mp1421141115
1. الحصول على المعلومات الأساسيةابحث عن معرف التطبيق الخاص بحساب رسمي موجود، وقم بتقديم طلب إلى الواجهة الخلفية بناءً على معرف التطبيق وعنوان 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، // الطابع الزمني للتطبيق: الطابع الزمني، // الطابع الزمني nonceStr: noncestr، // توقيع السلسلة العشوائية: التوقيع، // التوقيع jsApiList: [ 'onMenuShareTimeline "، "onMenuShareAppMessage"، "onMenuShareQQ"، "onMenuShareWeibo"، "onMenuShareQZone" ] // قائمة واجهات JS التي سيتم استخدامها))3. استخدم
wx.ready(function(){ // مشاركة مع الأصدقاء wx.onMenuShareAppMessage({ title: title، // مشاركة العنوان desc: desc، // مشاركة رابط الوصف: الرابط، // مشاركة الرابط imgUrl: imgUrl، // أيقونة المشاركة النجاح: الوظيفة () { doShareDone() }، إلغاء: الوظيفة () { doShareCancel() } }) // مشاركة في اللحظات wx.onMenuShareTimeline({ title: title, // مشاركة رابط العنوان: link, // مشاركة الرابط imgUrl: imgUrl, // نجاح أيقونة المشاركة: function () { doShareDone() }, Cancel: function () { doShareCancel () } })}) // وظيفة رد الاتصال الخاصة بنجاح المشاركة doShareDone () { console.log('المشاركة ناجحة')} // إلغاء وظيفة رد اتصال المشاركة doShareCancel () { console.log('تم إلغاء المشاركة')} 3. التصحيحعند تعيين حقل التصحيح في wx.config إلى true، يمكن إجراء التصحيح.
لتصحيح الأخطاء، تحتاج إلى استخدام أدوات مطور WeChat، وتحديد مشروع صفحة الويب للحساب الرسمي، وإدخال عنوان الصفحة.
4. المشاكل التي واجهتها وحلولهايحتوي الملحق 5 من وثائق WeChat JS-SDK على حلول لمعظم المشكلات التي واجهتها والتي لم تقدم الحلول أعلاه.
1. خطأ في الكتابة لم يتم اكتشافه: لا يمكن قراءة خاصية "التكوين" غير المحددة
الحل: قدمت صفحة html حزمة SDK بشكل منفصل، كما قدم المكون الموحد حزمة SDK مرة أخرى، مما تسبب في حدوث مشكلات.
2. لم يتم اكتشاف خطأ TypeError (في الوعد): لا يمكن قراءة الخاصية "جاهزة" غير المحددة
الحل: نفس المشكلة 1.
3. التوقيع غير صالح
الحل: إذا لم تحل أي من الطرق الموجودة في المستند هذه المشكلة، فهناك طريقة أخرى قم أولاً بإعداد التكوين الأساسي لجعله سليمًا، ثم قم بإعداد نسخة المشاركة باستخدام المعلمات المختلفة التي تحتاجها المشكلة بعد التكوين، تمت مشاركتها بنجاح. قد يكون الأمر مربكًا بعض الشيء، ولكن الفهم البسيط هو أنه طالما أن الصفحة تحتوي على تكوين تكوين ناجح، فيمكنك الاستمرار في تكوين مشاركات أخرى، حتى لو كان توقيع تكوين المشاركة هذا غير صالح.
ما ورد أعلاه هو المحتوى الكامل لهذه المقالة وآمل أن يكون مفيدًا لدراسة الجميع وآمل أيضًا أن يدعم الجميع شبكة VeVb Wulin.