React Native嵌入到原生Android问题记录

本文主要是记录ReactNative嵌入到原生Android中遇到的一些问题以及解决方法。关于配置方面在这里就不说了。可以参考FaceBook的官方文档,或者ReactNarive中文版

1、java.lang.IllegalAccessError: Method ‘void android.support.v4.net.ConnectivityManagerCompat.<init>()’ is inaccessible to class ‘com.facebook.react.modules.netinfo.NetInfoModule’ (declaration of ‘com.facebook.react.modules.netinfo.NetInfoModule’ appears in /data/app/package.name-2/base.apk

解决办法:把support相关包改成23.0.1

compile 'com.android.support:appcompat-v7:23.0.1'

2、ReferenceError: Can’t find variable: __fbBatchedBridge

解决办法:晃动手机或者点击Menu菜单就会打开相关的调试页面,前提是要在配置文件中配置RN的DevSettingsActivity,让RN项目支持调试。

<activity android:name=”com.facebook.react.devsupport.DevSettingsActivity” />

选择Dev Settings,然后选择Debug server host & port for device,输入你的ip和8081端口,例如:192.168.1.100:8081,然后重试。

3、启动RN服务器的时候报错:

Loading dependency graph… ERROR  Packager can’t listen on port 8081

解决办法:端口被占用,在命令行输入lsof -i :8081 查看占用该端口的进程,然后执行命令“kill -9 进程id” ,再重启服务器。

4、Unable to download JS bundle:

原因是在npm install的时候曾经出现过

react-native@0.43.4 requires a peer of react@16.0.0-alpha.6 but none was installed.

解决办法:

执行 npm i -S react@16.0.0-alpha.6

重启npm start。

5、出现Got JS Exception: TypeError: undefined is not a function (evaluating ‘(bridgeConfig.remoteModuleConfig || []).forEach’) 的错误,原因是被官方文档坑了,官方文档是这样描述的:

allprojects {
    repositories {
        ...
        maven {
            // All of React Native (JS, Android binaries) is installed from npm
            url "$rootDir/../node_modules/react-native/android"
        }
    }
    ...
}

然而正确应该是:

allprojects {
    repositories {
        jcenter()

        maven {
            // All of React Native (JS, Android binaries) is installed from npm
            url "$rootDir/node_modules/react-native/android"
        }
    }
}

 

Nexus Root Toolkit v2.1.9 解锁 root 刷TWRP

给大家推荐一个专门适配Nexus系列、Piexl系列的工具,非常方便。Nexus Root Toolkit v2.1.9

支持的机型有:

· Galaxy Nexus: GSM Models (both yakju and non-yakju builds)
· Galaxy Nexus: CDMA/LTE Verizon Models
· Galaxy Nexus: CDMA/LTE Sprint Models
· Nexus S: Worldwide, i9020t and i9023 Models
· Nexus S: 850MHz, i9020a Models
· Nexus S: Korea, m200 Models
· Nexus S 4G: d720 Models
· Nexus 7: Asus Tablet
· Nexus 7 3G: Asus Tablet
· Nexus 7 v2 (2013): Asus Tablet
· Nexus 7 v2 (2013) LTE: Asus Tablet
· Nexus 10: Samsung Tablet
· Nexus 4: LG Phone
· Nexus 5: LG Phone
· Nexus 5X: LG Phone
· Nexus 9: HTC Wifi Tablet
· Nexus 9: HTC LTE Tablet
· Nexus 6: Motorola Phone
· Nexus 6P: Huawei Phone
· Nexus Player: Google Device
· Nexus Pixel C: Google Tablet

微博视频url解析

微博返回的视频链接都是短链接,类似http://t.cn/RX8Po3N 这样的格式。那么我们为了能够识别该链接是普通的网络链接还是视频链接,并且支持用自定义的播放器来播放视频的话,要做的东西就是解析这个短链接,获取真实的视频地址。

首先第一步就是要先把短链接转化成长链接,这里我们可以调用新浪开放平台获取短链接的富内容信息。内容结果如下:

其中object _type就是链接的类型,stream 里面的url 就是视频的真实地址了,这里看到是mp4的格式,这种情况就最理想了,就是视频的真实地址,我们可以直接播放下载了。

但其实并没有这么简单,很多时候我们解析到的url都不是以mp4格式的,而是类似这种

http://video.weibo.com/show?fid=1034:ba4e77345c94bc39e7fba0f690b1d26c

http://weibo.com/p/2304449fd45976218a4fd9bc8f1a9af6317dec

这两种视频链接我们是无法直接播放和下载的。只有通过特殊手段才可以。先来说一下以video.weibo.com格式的视频的解析办法:

我们直接在浏览器中打开该url,然后右键查看网页源代码,就可以找到该视频的真实地址:

那么我们要拿到这个真实的mp4地址就非常简单了,先下载该网页源代码,并用正执表达式解析即可:

String result = HttpUtils.doGet(url, null);
if (StringUtil.isNotBlank(result)) {
    String p = "flashvars=\"list(.*)";
    Pattern r = Pattern.compile(p);
    Matcher m = r.matcher(result);
    if (m.find()) {
        String resultUrl = m.group();
        resultUrl = resultUrl.substring(resultUrl.indexOf("flashvars=\"list=") + 16, resultUrl.lastIndexOf("\" />"));
        resultUrl = URLDecoder.decode(resultUrl, "UTF-8");

第二种视频的解析地址需要用到著名的硕鼠解析了。它是什么大家可以自行搜索。下面说解析方法:只需要打开硕鼠的网页的时候带上要解析的url就可以了,得到的就是一个网页:

这样就可以拿到真实地址了,那我们同样通过代码解析该网页就可以了。

String requestUrl = "http://www.flvcd.com/parse.php?kw=" + url;
String result = HttpUtils.doGet(requestUrl, null);
if (StringUtil.isNotBlank(result)) {
    Pattern p = Pattern.compile("<br>.*?<a href=\".*?\"");
    Matcher m = p.matcher(result);
    if (m.find()) {
        String res = m.group(0);
        int index = res.indexOf("=");
        res = res.substring(index + 2, res.length() - 1);

这样就可以拿到微博的视频真实url了。

如有侵权,请联系我删除。

阿里云CentOS安装GitLab

我的个人网站用的就是阿里云的服务器。我在上面搭建了一个Java环境做一些简单的服务器开发,考虑到多人合作的问题,想在上面搭建一个Git服务器。那么GitLat似乎是一个比较好的选择。本文将介绍如何在阿里云上安装GitLab。

首先,需要查看本机系统的版本:

然后进入官方网站按照步骤操作即可。

下面主要说遇到的一些问题:

1、80端口冲突:GitLab本身采用80端口,如安装前服务器有启用80端口,访问会报错,需更改GitLab的默认端口。

vi /etc/gitlab/gitlab.rb。
external_url ‘http://localhost:90’

2、8080端口冲突:unicorn本身采用8080端口,如安装前服务器有启用8080,访问会报错,需更改unicorn的默认端口。

vi /etc/gitlab/gitlab.rb:
unicorn[‘listen’] = ‘127.0.0.1’
unicorn[‘port’] = 8090

执行sudo gitlab-ctl reconfigure 生效

3、502错误:这个就比较尴尬了,搜索说是内存不足。GitLat实在是比较消耗内存,网上都说建议用单独的服务器,然而对于我这种穷人,只能勉强所有配置的用同一台服务器了,目前只能通过增加虚拟内存来解决了。

最后说下日志位置:/var/log/gitlab,主要是可以查看访问日志以及报错日志等。
gitlab-ctl tail #查看所有日志
gitlab-ctl tail nginx/gitlab_access.log #查看nginx访问日志