1. 程式人生 > >React Native之Android 5.0以下系統WebView訪問https頁面變成空白頁

React Native之Android 5.0以下系統WebView訪問https頁面變成空白頁

在我們的React Native專案中,需要開發一個tab頁面專門配置三方h5連結,供使用者瀏覽。自動化測試:Android 5.0以下系統此tab頁面為空白頁面。看效果:


而我們去檢視這個三方的h5連結時,發現,這個連結是https協議開頭的連結。http是超文字傳輸協議,資訊是明文傳輸,但是https 則是具有安全性ssl加密傳輸協議。當我們去用這臺低版本系統的Android機子去用本地瀏覽器開啟這個三方h5連結,會出現以下介面:

那麼,當我們去點選"繼續訪問",就會正常瀏覽網頁了。所以原因就出在https連結需要做SslError特殊處理。

在Android中,WebView可以用來載入http和https網頁到本地應用的控制元件。但是在預設情況下,通過loadUrl(String url)方法,可以順利loadUrl(“http://www.baidu.com”)之類的頁面。但是,當load通過ssl加密的https頁面,但是如果這個網站的安全證書在Android無法得到認證,WebView就會變成一個空白頁,而並不會像自帶的瀏覽器一樣彈出提示。因此,我們必須針對這種情況進行處理。

import android.net.http.SslError;
import android.webkit.SslErrorHandler;
@Override
      public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
//super.onReceivedSslError(view, handler, error);
      handler.proceed();
}


可以參考以下連結:

哈哈哈哈哈,慢慢的開始接觸原生了。。嘻嘻(繼續Fighting~)

相關推薦

React NativeAndroid 5.0以下系統WebView訪問https頁面變成空白

在我們的React Native專案中,需要開發一個tab頁面專門配置三方h5連結,供使用者瀏覽。自動化測試:Android 5.0以下系統此tab頁面為空白頁面。看效果: 而我們去檢視這個三方的

android 5.0以下系統Intent傳遞序列化物件的bug

    專案中使用外掛框架,當外掛在Intent中傳遞Serializable物件時,在android 5.0以下系統上會出現 E/InstrumentationHacker(25176): Parcelable encounteredClassNotFoundExce

Android 5.0 以下Native程序保活嘗試

最近博主嘗試了Android 5.0 以下版本的Native保活機制,感覺收穫頗豐,在此寫下一篇部落格記錄一下。 首先把整個保活流程通過圖片的形式描述下: 首先是AndroidManifest 中註冊的控制元件: <activity androi

React NativeAndroid原生通過DeviceEventEmitter傳送訊息給js

1 問題 Android原生向js發訊息,並且可以攜帶資料 2 實現原理 Android原生可以使用RCTEventEmitter來註冊事件,然後這裡需要指定事件的名字,然後在js那端進行監聽同樣事件的名字監聽,就可以收到訊息得到資料 Android註冊關

解決Android 5.0以下出現 java.lang.NoClassDefFoundError,找不到類

本文參考自:http://www.jianshu.com/p/8b4f711da0bb 問題的主要原因:方法數超65536限制。 由於實際開發當中的需求不斷變更,開源框架越來越多,大多都用第三方SDK,導致方法數很容易超出65536限制。出現錯誤java.lang.NoClassDe

react-native android 配置gif圖片的使用----------小白的天堂

React-native顯示動態圖片(gif)的配置 突然心血來潮,想把專案中的loading效果換成動態圖片的樣式,這樣會好看一些不會那麼單調。然後開始了我的踩坑之路。。。。 首先,檢視官方網站(react-native中文網),然後選擇對應自己的版本號的文件 我的是0.50

Android開發者福利--------Android 5.0 API

Android 5.0 API Android 5.0 (LOLLIPOP) 為使用者和應用開發者提供了新功能。本文旨在介紹其中最值得關注的新 API。 如果您有已釋出的應用,請務必看一看 Android 5.0 行為變更,瞭解您的應用應該考慮的變化。即使您不使用

React Native Android混合開發,及遇到的各種坑

最近自己也是剛在學習React Native的知識,在學習到React Native 嵌入到原生應用的時候,感覺遇到了各種坑,這裡做一下記錄。若有說得不對的地方,謝謝大家糾正。 React Native嵌入到原生應用的教程在其官方指導文件裡也有,但是感覺很多注意點沒講到,現

android 5.0 64bit系統載入庫檔案失敗問題淺析

最近公司的一個專案使用android 5.0 64 bit平臺,相對以前版本,除了android 5.0 有很大變動之外,64 bit系統和32 bit系統也存在很多差異性。 目前碰到的問題就是以前在32位上的so庫檔案,到64 位系統上不能載入的問題。首先來看一下相關lo

React NativeAndroid 和 iOS在點選觸發事件時的相容性處理

最近,我在專案中遇到了一個bug,bug的情況描述大致如下: 當點選按鈕A時,彈出彈層,彈層有一個按鈕B,邏輯是:當點選按鈕B時,首先彈層消失,緊接著開始調取C介面流程。在Android上正確顯示,但是iOS中只是彈層消失,並沒有調取C介面事件。 對於這種情況,我之前開發過

React-NativeAndroid:原生介面與React介面的相互呼叫

這裡原生介面是指用佈局檔案實現或Java程式碼實現view的Activity,React介面是指用ReactJS實現的介面的Activity。 從某種角度看,React只是充當了Android裡的view層,因此原生介面與React介面的相互呼叫及資料傳遞同原生介面之間的互

Android 5.0 Camera系統原始碼分析(2):Camera開啟流程

1. 前言 本文將分析android系統原始碼,從frameworks層到hal層,暫不涉及app層和kernel層。由於某些函式比較複雜,在貼出程式碼時會適當對其進行簡化。本文屬於自己對原始碼的總結,僅僅是貫穿程式碼流程,不會深入分析各個細節。歡迎聯絡討論,QQ:1026

解決因第三方sdk,unity打包出來的apk在android 5.0以下向量圖相容問題的崩潰

android一直以來,對往下低版本的相容做的就不好,而且工具流沒事還總變,搞起來真的是讓人禿頭 android 5.0 以後開始能使用向量圖功能了,也就是Android Vector,但是5.0以下沒這個功能呀,所以你在編譯的時候,需要增加一個編譯引數和靜態

React-Native Android應用開發踩坑紀 (一)————windows環境下配置

歡迎轉載,轉載註明出處: 我不只是看客 自從在公司中被老大安利了移動開發的未來 React-Native之後開始關注相關,想嘗試相關app開發。正好畢業準備畢設,腦子一熱就選擇了RN來開發一款app……題目上交就不能改了,現在好後悔。。。但硬著頭皮上吧 ,廢

Android學習Android 5.0分享動畫實現微信點選全屏效果

Android5.0過渡動畫,請看 今天用分享動畫實現微信點選全屏效果 本文原始碼下載地址 peizhi 配置 build.gradle: compile 'com.android.support:recyclerview-v7:23.

React native android的圖示和啟動圖片

哎哎呀呀,上篇說到了react native的IOS的圖示和啟動圖片的設定,其實最主要的是尺寸!相應的尺寸設定好了以後就不會報錯了!ok~這篇說的是React native的android的圖示和啟動頁面!!!!!1.圖示:其實android的圖示設定很簡單,一般情況下只需要替換就可以了(當然你也可以不去替換

出現 java.lang.NoClassDefFoundError: 在Android 5.0以下

公司專案需要新增新的模組功能,需要新增LeonidsLib-1.3.2庫,然後專案就一直無法執行,總是提示 java.lang.NoClassDefFoundError: 但是實際上類是存在的,而且沒有錯誤。這個問題我找了一個下午。最後解決了,跟大家分享一下。

Android 5.0 Camera系統原始碼分析(4):Camera預覽流程資料流

1. 前言 上一篇講了怎麼讓Camera進入預覽模式,提到了DisplayClient負責顯示影象資料,而CamAdapter負責提供影象資料,這裡主要記錄了CamAdapter怎麼獲取影象,然後DisplayClient怎麼將影象顯示在螢幕上。 2.

Android 5.0 Camera系統原始碼分析(3):Camera預覽流程控制流

1. 前言 本文分析的是Android系統原始碼,從frameworks層到hal層,記錄了Camera進入預覽模式的重點程式碼,主要為控制流程的程式碼,有關影象buffer的傳遞暫不涉及,硬體平臺基於mt6735。由於某些函式比較複雜,在貼出程式碼時會適當對

解決Android 5.0以下出現 java.lang.NoClassDefFoundError

作者:時之沙問題的主要原因:方法數超65536限制。測試6.0手機沒問題,4.4上面就有問題了。導致出現以上錯誤崩潰。解決方法:一、配置build.gradle android { compileSdkVersion 25 buildToolsVersion