开发者学堂课程【mPaaS 小程序开发实战 - 教你如何独立运行小程序 :Android 小程序接入真机与调试】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/741/detail/13125
Android 小程序接入真机与调试
内容简介:
本节介绍如何配置 Android 端的 h5,Android 端的小程序配置来完成真机预览与调试
可以参照文档移动开发平台 mPaaS 点击小程序-接入 Android -进阶指南- Android 小程序接入真机预览与调试来进行配置。
一、配置 h5_remote_debug_host
二、设置 VHost
三、设置白名单
四、接入扫码组件并解析预览或调试的二维码
一、配置 h5_remote_debug_host
这个值的 value 可以从刚才下载的小程序IDE配置文件中获得。小程序的配置里面,这个值是“debug_url”,然后将它的 value 拷贝出来。
copy 到工程的 custom_config.json 里,这里有第一节课已经完成的小程序的工程,然后添加到这里
二、设置 VHost
可以直接在初始化的回调中设置 VHost。VHost 的值是从哪里来的呢?
打开小程序后台,在小程序发布里可以看到配置管理,然后在配置管理中 copy 虚拟域名 test.com
这样 VHost 就配好了。
三、设置白名单
白名单的意思就是你的客户端,安卓的设备和一个沟通你的远端的服务端的 id。
在这里可以设置白名单
这里白名单的 id 就可以直接叫做 mPaaSTest
这样白名单的 id 就设置好了 MPLogger.setUserId("mPaaSTest");
四、接入扫码组件并解析预览或调试的二维码
首先预览和调试会生成一个二维码,也就是说从客户端需要一个二维码去解析并且去调用这一行代码。
这里的 mPaaSTest 引用了小程序后就已经会带入扫码组件,所以可以直接使用扫码组件,在点击事件里面调用一个扫码
ScanRequest request = new ScanRequest();
request.setScanType(ScanRequest.ScanType.QRCODE);
MPScan.startMPaasScanActivity(MainActivity.this, request, new ScanCallback(){
@Override
public void onScanResult(boolean b, Intent intent){
if(null!=intent&&null!=intent.getData()){
MPTinyHelper.getInstance().LaunchIdeQRCode(yri,new Bundle());
然后调用前面的那行代码
MPTinyHelper.getInstance().LaunchIdeQRCode(yri,new Bundle());
直接启动预览或者调试 /gradtew clean installbebug 拷在真机上。
1.预览小程序:
这时候打开 My Application.点击“启动一个小程序”就会启动一个扫码,在小程序端点击预览,二维码生成之后扫码就可以看到手机端正常运行这个小程序了,这个就是预览小程序。
2.调试小程序:
调试的道理是相同的,点击真机调试,同样会生成一个二维码,扫码后可以看到远程调试已连接,现在就进入了调试模式,在调试模式中对小程序的某一行代码做断点,比如在 API 里有一个代码 tiny-to-native ,接下来点击“自定义API”,当点击按钮的时候会触发到断点,可以看到真机命中断点,右侧会出现一些断点的信息,然后就可以进行调试了,最后点击退出就可以直接退出远程调试模式了。
以上就是真机预览与调试的 Android 端的设置。