首先明確 Hybrid 開發是什么?
即前端和客戶端的混合式開發。
一般來說就是web頁面,嵌入到原生框架內部
1、特點(存在意義):
快速迭代,無需等待審核
節約成本,前端代碼可以同時運行在 Android 和 iOS端
用戶體驗可以跟原生媲美,肉眼分辨不出
2、使用場景:
不是所有場景都適用于Hybrid 開發,
體驗要求高,變化不頻繁:使用NA(原生開發)
體驗要求高,變化頻繁:使用Hybrid
3、具體實現:
前端開發做好頁面(js,html,css等),將文件交給客戶端
客戶端把前端頁面以文件的形式,存儲在app中
客戶端使用 webview ,通過 file 協議來加載靜態頁面
如下圖:
更新上線流程:
1) 前端代碼打包上傳到 server 端,根據版本號命名(如202003241330),以區分版本
2)用戶每次打開客戶端,客戶端都到 server 端獲取最新的.zip 包,比較是否要更新版本,如需更新,解壓然后覆蓋當前文件
3)前端開發負責維護前端代碼的 zip包
4、Hybrid 對比 H5
缺點: 開發成本高,運維成本高
適用場景:
Hybrid:產品功能穩定,體驗要求高
H5:運營類的活動或者不常用的功能
5、JS 和客戶端通信
JS 訪問客戶端能力,傳遞參數和回調函數
客戶端通過回調函數返回內容
通信協議: schema 協議 —— 約定前端js 和 客戶端通信方式
偽代碼演示:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>schema</title></head><body> <button >click</button> <script> document.getElementById('myButton').addEventListener('click',function(){ // 點擊按鈕 調用方法 invokeScan() }) // 定義方法 function invokeScan() { var iframe = document.createElement('iframe') //創建iframe并隱藏 iframe.style.display = 'none' iframe.src = 'weixin://dl/scan?id=111&type=2&callback=weixin_scan_callback' // schema 協議 var body = document.body body.appendChild(iframe) // 放入body中 setTimeout(() => { body.removeChild(iframe) // 清理iframe iframe = null }); } //定義回調函數 window['weixin_scan_callback'] = function(result) { console.log(result) } </script></body></html>
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
網絡推廣與網站優化公司（網絡優化與推廣專家）作為數字營銷領域的核心服務提供方，其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代，公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而，對于許多公司來說，網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代，企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而，對于許多中小企業來說，高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是，隨...
成都到重慶的火車經過哪些地方？；1.如果從成都坐高鐵到重慶，高鐵經過璧山、永川、大足、榮昌、隆昌、內江、資陽，到達成都。2.景點大概是重慶的區縣，永川，大足，榮昌，永川茶山竹海，樂和樂都，大足石雕，龍水湖，榮昌路孔古鎮。資陽沒什么特別的。隆昌的石牌坊也被稱為牌坊之鄉。3.如果是高鐵，從成都到重慶，要走大成鐵路，金堂，遂寧然后向南轉到重慶。4.如果是普通列車，走成渝鐵路，簡陽，資陽，內江，隆昌，最后...
收購信用卡積分有什么用？你可以兌換現金券、商品和年費。信用卡積分怎樣賣東西？一些持卡人用他們閑置的信用卡積分換取其他物品賣給有需要的人。網上有人直接用現金購買信用卡積分。買家和賣家直接在互聯網上進行交易，例如用信用卡積分兌換航空里程。買家用支付寶打電話給賣家，賣家提供航空公司會員碼給買家，然后買家打電話給信用卡中心兌換航空公司里程，從而實現信用卡積分的買賣。據統計，一張原價近千元的飛機票，按照15...
奧運向前沖闖關最快紀錄？傅洋2008年，傅洋參加湖南衛視《奧運向前沖》節目。因為他的不敗紀錄，他穿著超人服裝被全國觀眾記住，然后參加了幾個電視節目。湖南衛視奧運向前沖，主持人是誰？姓名：王歡，身高：1.66米，體重：51公斤。民族：滿族，出生日期：2月14日，血型：AB。星座：水瓶座，學歷：本科，出生地：河北省承德市。愛好：安靜的時候在家看自己喜歡的書?；顒拥臅r候和好朋友一起吃飯，k歌。去商場和書...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）