天天欲色-天天躁日日躁成人字幕aⅴ-天天躁夜夜躁-天天综合日日噜噜噜-天天干天天爽天天射-天天干天天天天

網頁與原生 app 如何交互

日期:2016-01-11點擊:2326


 



 

想想平時用的 App,你非常確信在瀏覽一個網頁,然而需要登錄時,它卻喚起了你手機里的 QQ 或是微信,你不再需要輸入帳號和密碼就可以讓你瀏覽的網頁獲取你的登錄信息,這一切只發生在你指尖的兩次點擊。
 


 

而在手機上,網頁越來越炫酷,你都很難區分你在點擊的是一個原生界面(指 Native 應用程序,說人話就是 android app 或 ios 應用)或僅僅是一個 H5 頁面。你的操作一直穿梭在網頁與原生界面之間,比如一個網頁中的電話號碼,點擊就可以撥打電話,這種網頁和 app 交互這一切是如何實現的呢?

這項能力在安卓中叫做 Js2Java(ios 上也提供類似的技術),很好理解,從 Js 到 Java,從網頁到 app,他們是雙向通信,可互相調用的,市面上大量的 App 程序,都在利用這項技術,微信更是本質上利用這項技術打造了公眾帳號整個體系,使得創業者用一個簡簡單單的網頁就打通了帳號、身份、支付、客服、售后等一系列操作,雖然簡單,但是真的將移動互聯網的 Web 生態囊括了更廣闊的內容,也是移動互聯網較 PC 互聯網更優越、更猛烈的點之一。

以 Android 系統為例,Android 手機上的 App 是使用 Java 語言編寫的,而網頁中則運行著一些 Html、Javascript 編寫的代碼,雖然 Java 和 Javascript 名字看起來像親哥倆,但它們其實沒有一毛錢關系,一個是編譯型語言,一個是解釋性語言,不多擴展,說不上哪天我就會寫寫編譯型和解釋性語言的區別。Android 的 App 是通過 WebView(請親理解成一個組件,想象 WebView 就是一個沒有任何操作按鈕的瀏覽器,你輸入 baidu.com 他就打開了百度的頁面)來展示一個網頁的,同時 WebView 為網頁和原生 App 建立一個橋梁,讓網頁和原生 App 能夠看到彼此暴露的一些方法,從而達到互相操作的目的。

當然,這些操作是需要前端頁面和終端程序互相協商的。雖然很多 App 遵守了一些相同的原則,使網頁在不同的 APP 中都能具備相同的能力,但是如果你看到同一個網頁在一個 App 中能夠調用一些安卓系統的能力,而在另一個 APP 中卻沒有對應的能力也不要覺得奇怪(找對應 App 的開發勾兌一下就好了)。

一個原生應用為網頁開放的能力越多,網頁對原生系統的操作能力就越強,就越能做出逼近原生應用的體驗。但是,這卻是一把雙刃劍,因為原生 App 開放的能力有可能會被惡意的頁面利用,對用戶造成傷害,如何控制能力的開放,也是需要產品和開發一起思考的問題。例如微信是一個終端能力的宿主,擁有支付,登錄,分享,獲取 App 信息等能力,并以 Js 接口的形式提供給前端頁面使用,前端開發則需要在微信申請對應的 Js 接口使用權限,才能夠在微信中正常使用對應的能力

最后總結一下,網頁塑造界面的優勢在于靈活,隨時可以更新,而原生 APP 塑造的界面則能夠提供更流暢的用戶體驗,但是卻無法熱更新,只能依靠發布版本來提供新功能。通過上面說的這種技術,就可以利用各自的優勢,規避各自的劣勢來提供更好用戶體驗,例如在微信中購物的展示是網頁形式的,方便運營快速更新,通過 Js 接口調用起原生的支付界面,給用戶更流暢的支付體驗,提高支付成功率。

 

張生:13751841126
梁生:13826047785
.com
主站蜘蛛池模板: 国产成人啪精品视频免费软件 | 成年人网址在线观看 | 国产亚洲人成网站在线观看 | 欧美一级高清片欧美国产欧美 | 日韩欧美一区二区在线观看 | 男人把女人下部桶爽的视频 | 欧美精品xxx| 久久久国产一区二区三区 | 丝袜美臀综合图 | 2015小明台湾永久区域免费 | 日本在线国产 | 成 人 免费观看网站 | 国产成人在线综合 | 免费在线观看成年人视频 | 久久国产免费观看精品1 | 日本久久精品 | 国产成人免费网站 | 丁香婷婷综合五月综合色啪 | 欧美精品一区二区三区免费播放 | 日韩福利在线观看 | 成人 在线播放 | 在线看欧美日韩中文字幕 | 特级黄色免费片 | 亚洲一区 欧美 | 久久精品免费观看视频 | 久久天堂夜夜一本婷婷麻豆 | 久久99国产精品久久 | 草草视频在线播放 | 成人久久久观看免费毛片 | 黄色网址中文字幕 | 2021入口一二三四麻豆 | 一级做a爱过程免费视频韩国 | 免费大片黄在线现看国语 | 久草手机视频在线观看 | 最近中文字幕免费版在线 | 午夜一级免费视频 | 99草在线| 日日干日日爽 | 在线观看免费视频黄 | 2018狠狠干 | 播9公社在线精品中文字幕 波少野结衣色在线 |