weex和android 真机联调

如果还不知道weex怎么集成到android项目，请移步到这里 https://weex.apache.org/zh/guide/introduction.html

1.网络一致

如果真机测试时，必须保证电脑和手机连同一个网络。（这个问题坑了我半天！！！）

2.启动weex项目和服务

项目搭建步骤可以按官网来，建完后，打开命令行(win10 需要用管理员身份进入--win+X),接着敲 npm install安装所有依赖，这个时候就可以测试了，
进入项目路径下执行命令：weex debug，稍等片刻出现如下页面就成功了

QQ截图20190627150654.png

我weex项目开发用的是webstorm，所以在webstorm的Terminal右键new session 输入npm start,再稍等片刻出现如下图

22222222222.png

图片里面的ws开头的一个字符串需要你集成到android application类里面的

33333333333.png
证明你项目跑成功了，记下蓝色的url，因为activity里面的renderUrl是蓝色url 加上"/dist/index.js" 44444444444.png

3.真机实战

现在就可以把android项目跑到真机上，现在你去编辑你的webstorm 里面编辑weex页面，android手机上看你的activity就能跟着刷新，你可以舒服的联调了，记得每编辑一次weex页面，android需要重新进入你的activity才能生效。

4.因为你一定会重启几次项目和服务，每启动一次，两个字符串都会变化，所以请千万记得一定保持服务器来后命令行给的这个路径 ws://172.21.0.188:8089/debugProxy/native/xxxxxxxx和这个renderUrl = "http://172.21.0.188:8081/dist/index.js";和你代码里一致才行。

5.页面白屏原因

• 检查网络：手机和电脑连同一局域网
• 页面不能含有语法错误
• 检查我上面强调的两个字符串要确保android项目和你命令行的里面的一致

6更快的测试

如果你觉得在weex代码里toast不方便测试，那么下面的方法一定令你爽到不行。方法就是 启动terminal 用weex debug --port 8888 --channelid 1 替代 weex debug
weex代码里加入console.log(res);
打印可以在xcode/Android studio log 的tag :WXStreamModule 看到打印数据