html5調用app分享功能的介紹

var u = navigator.userAgent;//判斷手機類型
 //---------------------------------------安卓手機-------------------------------------------------------//
 if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓機
 var callbackButton = document.getElementById('btnImg'); //獲取節點
 callbackButton.onclick = function (e) {
 e.preventDefault(); //阻止原本作用
 if (userId == null) { //看是否登錄，如果沒登錄
 WebViewJavascriptBridge.callHandler('loginAction', function (response) {})//這里是h5頁面調取安卓的登錄方法
 } else {//已經登陸了
 WebViewJavascriptBridge.callHandler('shareAction', { //h5頁面調取安卓的方法，進行分享傳給android的參數，
 "content": "你請客，我買單，呼朋喚友一起去（趣）約車", // 分享的文字
 "pictureLinking": "http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F%E5%9B%BE.jpg", // 分享的圖片Url
 "title": "趣約車-星海廣場站等你", //分享的標題
 "pictureUrl": "http://agent.qyueche.com/sup/ShareSdk/xing.html", //分享的網址鏈接
 "platform": ["2", "3"] //1新浪微博2微信好友3微信朋友圈4QQ好友5QQ空間6短信
 }, function (response) {})
 }
 }
 function connectWebViewJavascriptBridge(callback) {//這里是分享成功后
 if (window.WebViewJavascriptBridge) {
 callback(WebViewJavascriptBridge)
 } else {
 document.addEventListener(
 'WebViewJavascriptBridgeReady'
 , function() {
 callback(WebViewJavascriptBridge)
 },
 false
 );
 }
 }
 connectWebViewJavascriptBridge(function(bridge) {
 bridge.init(function(message, responseCallback) {
 
 });
 bridge.registerHandler('shareComplete', function (data, responseCallback) { //ios回調的方法，
 // alert(data)
 if (data == 1) { //若果分享成功
 $.ajax({ //請求接口去領券
 type: "get",
 contentType: "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",
 success: function (data) { //領取成功
 swal(data.message);
 },
 error: function (XMLHttpRequest, textStatus, errorThrown) { //領取失敗
 swal('領取失敗!');
 }
 })
 } else { //分享失敗
 swal('分享失敗!');
 }
 })
 bridge.registerHandler('loginComplete', function (data, responseCallback) { //ios登錄的方法，
 userId = data;
 })
 })
 } else if (u.indexOf('iPhone') > -1) { 
 //---------------------------------------蘋果手機-------------------------------------------------------//
 // swal("蘋果手機");
 function setupWebViewJavascriptBridge(callback) {
 if (window.WebViewJavascriptBridge) {
 return callback(WebViewJavascriptBridge);
 }
 if (window.WVJBCallbacks) {
 return window.WVJBCallbacks.push(callback);
 }
 window.WVJBCallbacks = [callback];
 var WVJBIframe = document.createElement('iframe');
 WVJBIframe.style.display = 'none';
 WVJBIframe.src = 'https://__bridge_loaded__';
 document.documentElement.appendChild(WVJBIframe);
 setTimeout(function () {
 document.documentElement.removeChild(WVJBIframe)
 }, 0)
 }
 setupWebViewJavascriptBridge(function (bridge) {
 bridge.registerHandler('shareComplete', function (data, responseCallback) { //ios回調的方法，
 if (data.code == 1) { //若果分享成功
 $.ajax({ //請求接口去領券
 type: "get",
 contentType: "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",
 success: function (data) { //領取成功
 swal(data.message);
 },
 error: function (XMLHttpRequest, textStatus, errorThrown) { //領取失敗
 swal('領取失敗!');
 }
 })
 } else { //分享失敗
 swal('分享失敗!');
 }
 })
 bridge.registerHandler('loginComplete', function (data, responseCallback) { //ios登錄的方法，
 userId = data.userId;
 })
 var callbackButton = document.getElementById('btnImg'); //獲取節點
 callbackButton.onclick = function (e) { //點擊事件
 e.preventDefault(); //阻止原本作用
 if (userId == null) { //看是否登錄
 bridge.callHandler('loginAction', function (response) {})
 } else {
 bridge.callHandler('shareAction', { //傳給ios的參數
 "content": "你請客，我買單，呼朋喚友一起去（趣）約車", // 分享的文字
 "pictureLinking": "http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F%E5%9B%BE.jpg", // 分享的圖片Url
 "title": "趣約車-星海廣場站等你", //分享的標題
 "pictureUrl": "http://agent.qyueche.com/sup/ShareSdk/xing.html", //分享的網址鏈接
 "platform": ["2", "3"] //1新浪微博2微信好友3微信朋友圈4QQ好友5QQ空間6短信
 }, function (response) {})
 }
 }
 })
 }