這篇文章將為大家詳細講解有關html5中如何調用app分享功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀，專業(yè)網(wǎng)站建設服務10余年為成都成都自拌料攪拌車小微創(chuàng)業(yè)公司專業(yè)提供企業(yè)網(wǎng)站建設營銷網(wǎng)站建設商城網(wǎng)站建設手機網(wǎng)站建設小程序網(wǎng)站建設網(wǎng)站改版，從內容策劃、視覺設計、底層架構、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設服務。

小編接到領導任務，寫h6移動端活動頁面，點擊頁面內容調取ios和Android開發(fā)自己寫的分享功能（包括微信、微信朋友圈、QQ、QQ空間等），包括用戶未登錄，讓其登錄后才能分享，分享成功后發(fā)起請求給予優(yōu)惠券功能。

建議不要使用ShareSDK

直接上干貨：不用引用其他庫

var u = navigator.userAgent;//判斷手機類型
    //---------------------------------------安卓手機-------------------------------------------------------//
    if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓機
        var callbackButton = document.getElementById('btnImg'); //獲取節(jié)點
        callbackButton.onclick = function (e) {
            e.preventDefault(); //阻止原本作用
            if (userId == null) { //看是否登錄，如果沒登錄
                WebViewJavascriptBridge.callHandler('loginAction', function (response) {})//這里是h6頁面調取安卓的登錄方法
            } else {//已經(jīng)登陸了
                WebViewJavascriptBridge.callHandler('shareAction', { //h6頁面調取安卓的方法，進行分享傳給android的參數(shù)，
                    "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", //分享的網(wǎng)址鏈接
                    "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'); //獲取節(jié)點
            callbackButton.onclick = function (e) { //點擊事件
                e.preventDefault(); //阻止原本作用
                if (userId == null) { //看是否登錄
                    bridge.callHandler('loginAction', function (response) {})
                } else {
                    bridge.callHandler('shareAction', { //傳給ios的參數(shù)
                        "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", //分享的網(wǎng)址鏈接
                        "platform": ["2", "3"] //1新浪微博2微信好友3微信朋友圈4QQ好友5QQ空間6短信
                    }, function (response) {})
                }
            }
        })
    }

總的來說，安卓和ios的代碼相似度很高，但是代碼碼放的位置不一樣，這點要注意，callHandler是頁面調取ios或安卓的方法，registerHandler是ios和安卓調取頁面的方法

圖片中紅框的位置的方法名由h6頁面開發(fā)者與ios和安卓人員商量定制。

關于“html5中如何調用app分享功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

網(wǎng)站標題：html5中如何調用app分享功能
鏈接分享：http://www.chinadenli.net/article4/jdhgoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網(wǎng)站建設、品牌網(wǎng)站設計、微信公眾號、商城網(wǎng)站、網(wǎng)站設計、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)