android使用crosswalk webview报错

最近要使用第三方webview来替换原生的webview进行webrtc的支持性测试，光是引入并跑起来这个第三方的的webview就遇到很多坑。
第三方webview包括Intel的crosswalk，腾讯x5.但是crosswalk很早官方就已经不更新了，大概2017年2018年左右英特尔就已经不更新了不维护了，所以说现在crosswalk没有官网可以去找了。只能找历史中的其他人的帖子。

crosswalk使用提示报错 mismatch of cpu architecture

从应用商店安装了这个东西也并没有什么卵用，问题根本不在这。

正常使用crosswalk这一类的第三方的流程：

引入crosswalk的aar，直接拖进libs文件夹，然后配置在android/app/build.gradle。

repositories {
    flatDir {
        dirs 'libs'
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation(name: 'xwalk_core_library', ext: 'aar')


}

似乎配置结束了，然后就是在Java类中使用：
MainActivity.java

/**
 * @Author: jakezhang
 * Company:DHC
 * Description： crosswalk webview 测试webrtc demo
 * Date: 2020/3/25 15:12
 *
 */
public class MainActivity extends XWalkActivity/*AppCompatActivity*/ {
    private final String TAG = "XWalkActivity-Test";
    private XWalkView xWalkWebView;

    //以下两个url需要vpn
    private String mUrl = "https://beijing.speedvr.cn:444/index7.html";
//    private String mUrl = "https://appr.tc/r/1472583691?vrc=H264&vsc=H264";
//    private String mUrl = "https://appr.tc/r/18629586538?vrc=H264&debug=loopback&vsc=H264";


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        xWalkWebView = findViewById(R.id.xWalkView);
    }

    @Override
    public void onXWalkReady() {

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED
                    || ContextCompat.checkSelfPermission(this, Manifest.permission.WRITE_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED
                    || ContextCompat.checkSelfPermission(this, Manifest.permission.READ_EXTERNAL_STORAGE) != PackageManager.PERMISSION_GRANTED
                    || ContextCompat.checkSelfPermission(this, Manifest.permission.RECORD_AUDIO) != PackageManager.PERMISSION_GRANTED) {
                ActivityCompat.requestPermissions(this,
                        new String[]{Manifest.permission.CAMERA, Manifest.permission.WRITE_EXTERNAL_STORAGE, Manifest.permission.READ_EXTERNAL_STORAGE, Manifest.permission.RECORD_AUDIO},
                        3332);
            } else {
                xWalkWebView.loadUrl(mUrl);
            }
        } else {
            xWalkWebView.loadUrl(mUrl);
        }
    }
    @Override
    public void onRequestPermissionsResult(int requestCode, String[] permissions, int[] grantResults) {
        if (requestCode == 3332) {
            for (int i = 0; i < grantResults.length; i++) {
                if (grantResults[i] != PackageManager.PERMISSION_GRANTED) {
                    Toast.makeText(this, "请授予录音，拍照等权限" + permissions[i], Toast.LENGTH_LONG).show();
                    return;
                }
            }
        }
        xWalkWebView.loadUrl(mUrl);
    }

    @Override
    protected void onDestroy() {
        if (xWalkWebView != null) {
            xWalkWebView.onDestroy();
            xWalkWebView = null;
            System.gc();
        }

        super.onDestroy();
    }


}

布局activity_main.xml：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <org.xwalk.core.XWalkView
        android:id="@+id/xWalkView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

AndroidManifest.xml配置文件：
这里有一个需要注意的是，硬件加速，必须开启。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.xlabs.webrtc_crosswalk_demo2">

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.CAMERA" />
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:hardwareAccelerated="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

到此，似乎，应该结束了，应该正常调用这个crosswalk的webview了，但是并没有，报错，上面提到的mismatch of cpu architecture的错误。

解决：

其实可以猜想可能是abi架构的问题导致的，但是到底应该怎么配置，查了很多资料，这里贴出来配置：

android {
............
//不加这个配置会提示mismatch of cpu architecture跳转到应用商店下载crosswalk project runtime app。
    defaultConfig {
        ndk {
            abiFilters 'armeabi-v7a','x86'
        }
    }


}

解决问题，出效果：
加载了我本地的html：

这里记录一下爬坑过程。

解决问题参考资料：

https://www.meiwen.com.cn/subject/mxnvlqtx.html
https://www.learningsomethingnew.com/how-to-solve-mismatch-of-cpu-architecture-error-in-cordova-crosswalk-plugin

学习参考资料：

https://blog.csdn.net/bingdele/article/details/90742628

GitHub demo：

https://github.com/wesley-fly/crosswalk-webrtc