国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問(wèn)答1問(wèn)答10問(wèn)答100問(wèn)答1000問(wèn)答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問(wèn)答文章1 問(wèn)答文章501 問(wèn)答文章1001 問(wèn)答文章1501 問(wèn)答文章2001 問(wèn)答文章2501 問(wèn)答文章3001 問(wèn)答文章3501 問(wèn)答文章4001 問(wèn)答文章4501 問(wèn)答文章5001 問(wèn)答文章5501 問(wèn)答文章6001 問(wèn)答文章6501 問(wèn)答文章7001 問(wèn)答文章7501 問(wèn)答文章8001 問(wèn)答文章8501 問(wèn)答文章9001 問(wèn)答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

html5調(diào)用app分享功能的介紹

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 15:05:01
文檔

html5調(diào)用app分享功能的介紹

html5調(diào)用app分享功能的介紹:這篇文章主要介紹了html5調(diào)用app分享功能示例(WebViewJavascriptBridge)的相關(guān)資料,內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。接到領(lǐng)導(dǎo)任務(wù),寫h5移動(dòng)端活動(dòng)頁(yè)面,點(diǎn)擊頁(yè)面內(nèi)容調(diào)取ios和Android開(kāi)發(fā)自己寫的分享功能(包括微信、微信朋友圈、QQ、
推薦度:
導(dǎo)讀html5調(diào)用app分享功能的介紹:這篇文章主要介紹了html5調(diào)用app分享功能示例(WebViewJavascriptBridge)的相關(guān)資料,內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。接到領(lǐng)導(dǎo)任務(wù),寫h5移動(dòng)端活動(dòng)頁(yè)面,點(diǎn)擊頁(yè)面內(nèi)容調(diào)取ios和Android開(kāi)發(fā)自己寫的分享功能(包括微信、微信朋友圈、QQ、
這篇文章主要介紹了html5調(diào)用app分享功能示例(WebViewJavascriptBridge)的相關(guān)資料,內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。

接到領(lǐng)導(dǎo)任務(wù),寫h5移動(dòng)端活動(dòng)頁(yè)面,點(diǎn)擊頁(yè)面內(nèi)容調(diào)取ios和Android開(kāi)發(fā)自己寫的分享功能(包括微信、微信朋友圈、QQ、QQ空間等),包括用戶未登錄,讓其登錄后才能分享,分享成功后發(fā)起請(qǐng)求給予優(yōu)惠券功能,下面是所得到的經(jīng)驗(yàn),僅供參考。

建議不要使用ShareSDK

直接上干貨:不用引用其他庫(kù)

var u = navigator.userAgent;//判斷手機(jī)類型
 //---------------------------------------安卓手機(jī)-------------------------------------------------------//
 if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓機(jī)
 var callbackButton = document.getElementById('btnImg'); //獲取節(jié)點(diǎn)
 callbackButton.onclick = function (e) {
 e.preventDefault(); //阻止原本作用
 if (userId == null) { //看是否登錄,如果沒(méi)登錄
 WebViewJavascriptBridge.callHandler('loginAction', function (response) {})//這里是h5頁(yè)面調(diào)取安卓的登錄方法
 } else {//已經(jīng)登陸了
 WebViewJavascriptBridge.callHandler('shareAction', { //h5頁(yè)面調(diào)取安卓的方法,進(jìn)行分享傳給android的參數(shù),
 "content": "你請(qǐng)客,我買單,呼朋喚友一起去(趣)約車", // 分享的文字
 "pictureLinking": "http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F%E5%9B%BE.jpg", // 分享的圖片Url
 "title": "趣約車-星海廣場(chǎng)站等你", //分享的標(biāo)題
 "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回調(diào)的方法,
 // alert(data)
 if (data == 1) { //若果分享成功
 $.ajax({ //請(qǐng)求接口去領(lǐng)券
 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) { //領(lǐng)取成功
 swal(data.message);
 },
 error: function (XMLHttpRequest, textStatus, errorThrown) { //領(lǐng)取失敗
 swal('領(lǐng)取失敗!');
 }
 })
 } else { //分享失敗
 swal('分享失敗!');
 }
 })
 bridge.registerHandler('loginComplete', function (data, responseCallback) { //ios登錄的方法,
 userId = data;
 })
 })
 } else if (u.indexOf('iPhone') > -1) { 
 //---------------------------------------蘋果手機(jī)-------------------------------------------------------//
 // swal("蘋果手機(jī)");
 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回調(diào)的方法,
 if (data.code == 1) { //若果分享成功
 $.ajax({ //請(qǐng)求接口去領(lǐng)券
 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) { //領(lǐng)取成功
 swal(data.message);
 },
 error: function (XMLHttpRequest, textStatus, errorThrown) { //領(lǐng)取失敗
 swal('領(lǐng)取失敗!');
 }
 })
 } else { //分享失敗
 swal('分享失敗!');
 }
 })
 bridge.registerHandler('loginComplete', function (data, responseCallback) { //ios登錄的方法,
 userId = data.userId;
 })
 var callbackButton = document.getElementById('btnImg'); //獲取節(jié)點(diǎn)
 callbackButton.onclick = function (e) { //點(diǎn)擊事件
 e.preventDefault(); //阻止原本作用
 if (userId == null) { //看是否登錄
 bridge.callHandler('loginAction', function (response) {})
 } else {
 bridge.callHandler('shareAction', { //傳給ios的參數(shù)
 "content": "你請(qǐng)客,我買單,呼朋喚友一起去(趣)約車", // 分享的文字
 "pictureLinking": "http://yueche-1254224848.cossh.myqcloud.com/che/%E5%B0%8F%E5%9B%BE.jpg", // 分享的圖片Url
 "title": "趣約車-星海廣場(chǎng)站等你", //分享的標(biāo)題
 "pictureUrl": "http://agent.qyueche.com/sup/ShareSdk/xing.html", //分享的網(wǎng)址鏈接
 "platform": ["2", "3"] //1新浪微博2微信好友3微信朋友圈4QQ好友5QQ空間6短信
 }, function (response) {})
 }
 }
 })
 }

總的來(lái)說(shuō),安卓和ios的代碼相似度很高,但是代碼碼放的位置不一樣,這點(diǎn)要注意,callHandler是頁(yè)面調(diào)取ios或安卓的方法,registerHandler是ios和安卓調(diào)取頁(yè)面的方法

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

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

html5調(diào)用app分享功能的介紹

html5調(diào)用app分享功能的介紹:這篇文章主要介紹了html5調(diào)用app分享功能示例(WebViewJavascriptBridge)的相關(guān)資料,內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。接到領(lǐng)導(dǎo)任務(wù),寫h5移動(dòng)端活動(dòng)頁(yè)面,點(diǎn)擊頁(yè)面內(nèi)容調(diào)取ios和Android開(kāi)發(fā)自己寫的分享功能(包括微信、微信朋友圈、QQ、
推薦度:
標(biāo)簽: 功能 介紹 分享功能
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产激情在线观看 | 国产精品亚洲欧美一级久久精品 | 亚洲欧洲久久 | 国产va免费精品 | 国产亚洲精品va在线 | 中文字幕有码在线播放 | 视频国产精品 | 欧美日本综合 | 91一区二区在线观看精品 | 高清亚洲| 香蕉乱码成人久久天堂爱免费 | 国产精品久久久久久久毛片 | 天天做天天爱夜夜爽毛片毛片 | 国产精品一区二区三区四区五区 | 国产亚洲一区二区三区在线 | 97精品国产97久久久久久 | 免费a级在线观看完整片 | 国产精品第5页 | 全部费免一级毛片不收费 | 亚洲成人99 | 亚洲三级在线播放 | 国产产一区二区三区久久毛片国语 | 国产日韩精品欧美一区视频 | 亚洲欧美日韩综合在线 | 精品欧美一区二区在线观看欧美熟 | 美女网站一区二区三区 | 久久国内精品 | 国内精品一区二区三区 | 欧美日本一区二区三区 | 亚洲伊人久久大香线蕉综合图片 | 欧美色亚洲图 | 日韩欧美色 | 国产短视频精品一区二区三区 | 国产一区二区三区成人久久片 | 久久精品最新免费国产成人 | 国产精品久久国产精麻豆99网站 | 欧美在线综合视频 | 亚洲 欧美 日韩 小说 另类 | 国产一区二区福利久久 | 国产成人免费在线视频 | 国产综合在线视频 |