تنفيذ المشاركة الثانوية لصفحات Html5

تعد المشاركة الثانوية مهمة جدًا لصفحات H5، حيث لا يزال QQ يستخدم وظيفة المشاركة المضمنة بعد إرسالها على WeChat. وبخلاف جانب الكمبيوتر الشخصي، يقوم الكمبيوتر بنسخ العنوان مباشرة. لقد قمت بإرسال دعوات منذ يومين، وواجهت الكثير من الأخطاء. لا يزال التطوير الشخصي وتطوير الشركة مختلفين، ويجب ذكر المشكلات الأخرى في ملحق الدعوة. دعونا ننكب على العمل.

وثائق WeChat جيدة جدًا. إذا قرأت المقالة بأكملها، فيمكنك بشكل أساسي تجنب الكثير من المزالق (تذكر أن مستندات WeChat معتادة على كتابة بعض المزالق في النهاية بدلاً من تجميعها معًا)

عنوان المستند، من خلال تقديم واجهة برمجة التطبيقات الرسمية. الوثيقة مكتوبة بشكل جيد، فقط قم بتمريرها إلى shareInfo مباشرة.

 <script src=//res.wx.qq.com/open/js/jweixin-1.2.0.js></script>wx.config({ debug: false, // تشغيل وضع التصحيح، تسمى جميع واجهات برمجة التطبيقات سيتم تنبيه القيمة المرجعة من جانب العميل، إذا كنت تريد عرض المعلمات الواردة، فيمكنك فتحها من جانب الكمبيوتر الشخصي. وستتم طباعة معلومات المعلمة من خلال السجل. تسجيل الدخول، // مطلوب، المعرف الفريد للطابع الزمني للحساب الرسمي: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); // احصل على حالة النقر لزر المشاركة في اللحظات وواجهة محتوى المشاركة المخصصة (سيتم التخلي عنها قريبًا) wx.onMenuShareQQ(shareInfo); // احصل على حالة النقر لزر المشاركة إلى QQ وواجهة محتوى المشاركة المخصصة wx .onMenuShareWeibo(shareInfo); // احصل على حالة النقر على زر Tencent Weibo وواجهة محتوى المشاركة المخصصة wx.onMenuShareQZone(shareInfo); // احصل على حالة النقر على زر مساحة QQ وواجهة محتوى المشاركة المخصصة});

حسنًا؟ لقد كتبتها بشكل صحيح، لماذا لا تعمل؟ ليس هناك شرط مكتوب في الوثيقة؟

تحقق أولاً من أذونات الواجهة العامة - التطوير - WeChat واكتشف أن أولئك الذين ليس لديهم أذونات تتم مطالبتهم بعدم الحصول عليها، ثم انتقل إلى مصادقة WeChat التي تطالبني واجهة المشاركة بالحصول عليها. ماذا قيل أعلاه؟ يمكن الاطلاع على وثائق WeChat لاحقًا، وهناك تعليمات عامة. هذه هي الجملة أدناه، ثم تظهر المشكلة، لا يمكن توثيق الحساب الشخصي.

المشاركة غير ممكنة على نظامي التشغيل iOS وAndroid (يُرجى التأكد من مصادقة الحساب الرسمي. الحسابات الرسمية المعتمدة فقط هي التي لديها الإذن بمشاركة الواجهات ذات الصلة. إذا تمت المصادقة عليها بالفعل، فتحقق مما إذا تم تشغيل واجهة الاستماع في رد الاتصال wx.ready وظيفة)

فرز الأخطاء المتعلقة بعدم قدرة واجهة برمجة التطبيقات على التعديل

• 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.