Bagaimana menerapkan berbagi halaman Html5 di WeChat

Berbagi WeChat mungkin tampak rumit pada pandangan pertama, namun sebenarnya sangat sederhana. Anda hanya perlu memanggil jssdk WeChat yang dirilis oleh WeChat dan menambahkan beberapa konfigurasi untuk mewujudkan berbagi halaman h5 di WeChat Alamat dokumen resminya adalah: https://mp.weixin.qq.com/wiki?t=resource/res_main&id. =mp1421141115

Temukan appid dari akun resmi yang ada, buat permintaan ke backend berdasarkan appid dan URL ini, dan dapatkan parameter yang diperlukan untuk konfigurasi: stempel waktu, noncestr, dan tanda tangan.

Perkenalkan file JS-SDK situs resmi WeChat melalui tag skrip

 <skrip src=https://res.wx.qq.com/open/js/jweixin-1.2.0.js type=text/javascript></script>

2. Konfigurasi dasar

 wx.config({ debug: false, // Apakah akan mengaktifkan mode debug appId: appid, //cap waktu appid: stempel waktu, // stempel waktu nonceStr: noncestr, // tanda tangan string acak: tanda tangan, // tanda tangan jsApiList: [ ' onMenuShareTimeline ', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // Daftar antarmuka JS yang akan digunakan})

3. Gunakan

 wx.ready(function(){ // Bagikan ke teman wx.onMenuShareAppMessage({ judul: judul, // Bagikan judul desc: desc, // Bagikan tautan deskripsi: tautan, // Bagikan tautan imgUrl: imgUrl, // Bagikan ikon sukses: fungsi () { doShareDone() }, batal: fungsi () { doShareCancel() } }) // Bagikan ke Momen wx.onMenuShareTimeline({ title: title, // Bagikan link judul: link, // Bagikan link imgUrl: imgUrl, // Bagikan ikon sukses: function () { doShareDone() }, cancel: function () { doShareCancel () } })}) 

 // Bagikan fungsi panggilan balik yang berhasil doShareDone () { console.log('Berbagi berhasil')} 

 //Batalkan fungsi panggilan balik berbagi doShareCancel () { console.log('Berbagi dibatalkan')}

Ketika bidang debug di wx.config disetel ke true, proses debug dapat dilakukan.

Untuk debugging, Anda perlu menggunakan alat pengembang WeChat, memilih proyek halaman web akun resmi, dan memasukkan alamat halaman.

Lampiran 5 dari dokumentasi WeChat JS-SDK berisi solusi untuk sebagian besar masalah. Di sini saya mencantumkan beberapa masalah yang saya temui yang tidak memberikan solusi di atas.

1. TypeError Tidak Tertangkap: Tidak dapat membaca properti 'config' yang tidak ditentukan

Solusi: Halaman html memperkenalkan SDK secara terpisah, dan komponen terpadu juga memperkenalkan SDK lagi, menyebabkan masalah.

2. Tidak tertangkap (dalam janji) TypeError: Tidak dapat membaca properti 'siap' yang tidak ditentukan

Solusi: Sama seperti masalah 1.

3. tanda tangan tidak sah

Solusi: Jika tidak ada metode dalam dokumen yang menyelesaikan masalah ini, ada cara lain, pertama atur konfigurasi paling dasar agar konfigurasinya oke, lalu atur salinan berbagi dengan berbagai parameter yang Anda perlukan masalah. Setelah konfigurasi, berhasil dibagikan. Mungkin agak membingungkan untuk mengatakannya, tetapi pemahaman sederhananya adalah selama halaman tersebut memiliki konfigurasi konfigurasi yang berhasil, Anda dapat terus mengonfigurasi pembagian lainnya, meskipun tanda tangan dari konfigurasi pembagian ini tidak valid.

Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.