WKWebView 加載本地文件 hash 路由

WKWebView 加載本地文件

  • 如果代碼在mainbundle里面粒竖,直接使用 loadRequest:[NSURL fileWithPath:] 即可

  • 如果代碼在文件系統(tǒng)氧骤,比如cache/dist/index.html 呻疹,直接使用loadFileURL:fileUrl allowingReadAccessToURL:[NSURL fileWithPath:]即可

  • 如果代碼在文件系統(tǒng),比如cache/dist/index.html筹陵,而且使用hash路由刽锤,最終訪問的路徑為cache/dist/index.html?#/router,這時候使用第二種會直接返回錯誤, 使用NSURL fileURLWithPath: relativeToURL: 也是錯誤

對于第三種訪問

使用 file://朦佩,然后使用 URLWithString: 如下

    NSString *htmlPath = [NSString stringWithFormat:@"file://%@/index.html?#/login", targetFilePath];
    NSURL *fileUrl = [NSURL URLWithString:htmlPath];
    NSURL *accessUrl = [NSURL fileURLWithPath:targetFilePath];
    [webView loadFileURL:fileUrl allowingReadAccessToURL:accessUrl];

完整示例

整體邏輯: 把mainbundle里面的 dist.bundle內(nèi)容 拷貝到Cache/bundle/target.bundle并思,然后訪問 Cache/bundle/target.bundle/index.html?#/login

    //拷貝dist.bundle到cache file里面的bundle文件下target.bundle
    NSString* bundleOriginPath = [[NSBundle mainBundle] pathForResource:@"dist" ofType:@"bundle"];
    NSString *path = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) objectAtIndex:0];
    NSString *bundlePath = [path stringByAppendingString:@"/bundle"];
    NSFileManager *fileManager = [NSFileManager defaultManager];
    if(![fileManager fileExistsAtPath:bundlePath]){
        [fileManager createDirectoryAtPath:bundlePath withIntermediateDirectories:YES attributes:nil error:nil];
    }
    NSString * targetFilePath = [NSString stringWithFormat:@"%@/target.bundle", bundlePath];
    NSError *error;
    [fileManager removeItemAtPath:targetFilePath error:&error];//移除目標(biāo)目錄下該文件
    NSError *error1;
    [fileManager copyItemAtURL:[NSURL fileURLWithPath:bundleOriginPath] toURL:[NSURL fileURLWithPath:targetFilePath] error:&error1];
    
    
    // 請求本地路徑
    NSString *htmlPath = [NSString stringWithFormat:@"file://%@/index.html?#/login", targetFilePath];
    WKWebView *webView = [[WKWebView alloc]initWithFrame:self.view.bounds];
    NSURL *fileUrl = [NSURL URLWithString:htmlPath];
    NSURL *accessUrl = [NSURL fileURLWithPath:targetFilePath];
    [webView loadFileURL:fileUrl allowingReadAccessToURL:accessUrl];
    [self.view addSubview:view];

寫在最后: 最后這個方法為什么能用,猜測是NSURL URLWithString對hash做了處理吕粗,但是fileURLWithPath并未處理纺荧。具體可以找大佬問問

demo自己實現(xiàn)去

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市颅筋,隨后出現(xiàn)的幾起案子宙暇,更是在濱河造成了極大的恐慌,老刑警劉巖议泵,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件占贫,死亡現(xiàn)場離奇詭異,居然都是意外死亡先口,警方通過查閱死者的電腦和手機型奥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門瞳收,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人厢汹,你說我怎么就攤上這事螟深。” “怎么了烫葬?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵界弧,是天一觀的道長。 經(jīng)常有香客問我搭综,道長垢箕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任兑巾,我火速辦了婚禮条获,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蒋歌。我一直安慰自己帅掘,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布堂油。 她就那樣靜靜地躺著锄开,像睡著了一般。 火紅的嫁衣襯著肌膚如雪称诗。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天头遭,我揣著相機與錄音寓免,去河邊找鬼。 笑死计维,一個胖子當(dāng)著我的面吹牛袜香,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鲫惶,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼蜈首,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了欠母?” 一聲冷哼從身側(cè)響起欢策,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎赏淌,沒想到半個月后踩寇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡六水,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年俺孙,在試婚紗的時候發(fā)現(xiàn)自己被綠了辣卒。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡睛榄,死狀恐怖荣茫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情场靴,我是刑警寧澤啡莉,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站憎乙,受9級特大地震影響票罐,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜泞边,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一该押、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧阵谚,春花似錦蚕礼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嗡午,卻和暖如春囤躁,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背荔睹。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工狸演, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人僻他。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓宵距,卻偏偏與公主長得像,于是被迫代替她去往敵國和親吨拗。 傳聞我的和親對象是個殘疾皇子满哪,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,512評論 2 359