Editor menerima tugas kepemimpinan untuk menulis halaman aktivitas seluler h5. Klik pada konten halaman untuk mengambil ios dan Android untuk mengembangkan fungsi berbagi (termasuk WeChat, WeChat Moments, QQ, QQ Space, dll.), termasuk jika pengguna adalah pengguna. belum masuk. Anda hanya dapat berbagi setelah masuk. Setelah berhasil berbagi, Anda dapat memulai permintaan untuk memberikan fungsi kupon. Berikut ini adalah pengalaman yang diperoleh, untuk referensi saja.
Disarankan untuk tidak menggunakan ShareSDK
Langsung mengunggah informasi berguna: tidak perlu merujuk ke perpustakaan lain
var u = navigator.userAgent;//Menentukan jenis ponsel//---------------------------------- -------------------------- ---Ponsel Android---------------------------------- -------------- ----------// if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //Android var callbackButton = document.getElementById ('btnImg'); //Dapatkan simpul callbackButton.onclick = function (e) { e.preventDefault(); //Blokir fungsi asli if (userId == null) { //Lihat apakah Anda sudah masuk, jika belum masuk WebViewJavascriptBridge.callHandler('loginAction', function (response) {})//Inilah halaman h5 untuk panggil metode login Android} else {//Sudah login WebViewJavascriptBridge.callHandler('shareAction', {/ //Halaman h5 memanggil metode Android untuk membagikan parameter yang diteruskan ke android, konten: Anda mentraktir, saya membayar tagihan, mengundang teman untuk pergi (bersenang-senang) dan memesan perjalanan bersama, // Berbagi gambar teksTautan: http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F% E5% 9B%BE.jpg, // Judul Url gambar bersama: Salam Seru - menunggu Anda di Stasiun Xinghai Square, // Judul gambar bersamaUrl: http://agent.qyueche.com/sup/ShareSdk/xing.html, //Platform tautan URL bersama: [2, 3] //1 Sina Weibo 2 Teman WeChat 3 Lingkaran teman WeChat 4 Teman QQ 5 Ruang QQ 6 SMS }, function (respon) {}) } } function connectWebViewJavascriptBridge(callback) {//Ini setelah berhasil berbagi if (window.WebViewJavascriptBridge) { callback(WebViewJavascriptBridge) } else { document.addEventListener( 'WebViewJavascriptBridgeReady' , function() { callback(WebViewJavascriptBridge) }, false } } connectWebViewJavascriptBridge(function(bridge) { bridge.init(function(message, responCallback) {}) ; jembatan.registerHandler('shareComplete', fungsi (data, responCallback) { //metode panggilan balik ios, // alert(data) if (data == 1) { //Jika pembagian berhasil $.ajax({ //Minta antarmuka untuk menerima kupon ketik: dapatkan, tipe konten: application/x-www -form-urlencoded, // url: http://main.qyueche.com/api/coupon/receiveCoupon?userId= + userId + // &takeCouponType=2&couponId=176, url: http://dev.qyueche.cn/api/coupon/receiveCoupon?userId= + userId + &takeCouponType=2&couponId=187, data: {}, dataType: json, sukses: function (data) { //Berhasil menerima swal(data .message); }, kesalahan: fungsi (XMLHttpRequest, textStatus, errorThrown) { //Gagal menerima swal('Gagal menerima!'); } } }) } else { //Gagal membagikan swal('Gagal membagikan!'); , responCallback) { //metode login ios, userId = data }) }) } else if (u.indexOf('iPhone') > -1) { //------------- --- --------Ponsel Apple---------------------- --- ----------------------------------// // swal(iPhone); pengaturan fungsiWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); } if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); ; var WVJBIframe = dokumen.createElement('iframe'); WVJBIframe.style.display = 'tidak ada'; WVJBIframe.src = 'https://__bridge_loaded__'; document.documentElement.appendChild(WVJBIframe) ; setupWebViewJavascriptBridge(fungsi (jembatan) { bridge.registerHandler('shareComplete', function (data, responCallback) { //metode callback ios, if (data.code == 1) { //Jika pembagian berhasil $.ajax({ //Minta antarmuka untuk mengumpulkan kupon ketik: dapatkan, tipe konten: application/x-www-form-urlencoded, // url: http://main.qyueche.com/api/coupon/receiveCoupon?userId= + userId + // &takeCouponType=2&couponId=176, url: http://dev.qyueche.cn/api/coupon/receiveCoupon?userId= + userId + &takeCouponType=2&couponId=187, data: {}, tipe data: json, sukses: fungsi (data) { //Berhasil menerima swal(data.message }, error: function (XMLHttpRequest, textStatus, errorThrown) { //Gagal menerima swal('Gagal menerima!' } }) } else { //Gagal membagikan swal('Gagal membagikan!'); ('loginComplete' , function (data, responCallback) { //metode login ios, userId = data.userId; }) var callbackButton = document.getElementById('btnImg'); //Dapatkan node callbackButton.onclick = function (e) { //Klik event e.preventDefault(); //Cegah fungsi asli if (userId == null) { //Lihat jika Anda masuk ke bridge.callHandler('loginAction', function (response) {}) } else { bridge.callHandler('shareAction', {//Konten parameter diteruskan ke ios: Anda traktir, saya bayar tagihannya, undang teman untuk pergi (bersenang-senang) dan pesan tumpangan bersama, // Tautan gambar teks bersama: http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F% E5% 9B%BE.jpg, // Judul Url gambar bersama: Salam Seru - menunggu Anda di Stasiun Xinghai Square, // Judul gambar bersamaUrl: http://agent.qyueche.com/sup/ShareSdk/xing.html, //Platform tautan URL bersama: [2, 3] //1 Sina Weibo 2 Teman WeChat 3 Lingkaran teman WeChat 4 Teman QQ 5 Ruang QQ 6 SMS }, fungsi (respon) {}) } } }) }Secara umum kode Android dan iOS sangat mirip, namun penempatan kodenya berbeda. Perlu diperhatikan bahwa callHandler adalah metode pemanggilan halaman untuk iOS atau Android, dan registerHandler adalah metode pemanggilan halaman untuk iOS dan Android.
Nama metode posisi kotak merah pada gambar disesuaikan oleh pengembang halaman h5 dan personel ios dan Android.
Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.