Android 小程序接入真机与调试| 学习笔记

简介: 快速学习 Android 小程序接入真机与调试。

开发者学堂课程【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 拷贝出来。

图片1.png

copy 到工程的 custom_config.json 里,这里有第一节课已经完成的小程序的工程,然后添加到这里

图片2.png 

二、设置 VHost

可以直接在初始化的回调中设置 VHost。VHost 的值是从哪里来的呢?

打开小程序后台,在小程序发布里可以看到配置管理,然后在配置管理中 copy 虚拟域名 test.com

图片3.png这样 VHost 就配好了。

 

三、设置白名单

白名单的意思就是你的客户端,安卓的设备和一个沟通你的远端的服务端的 id。

在这里可以设置白名单

图片4.png

这里白名单的 id 就可以直接叫做 mPaaSTest

这样白名单的 id 就设置好了 MPLogger.setUserId("mPaaSTest");

 

四、接入扫码组件并解析预览或调试的二维码

首先预览和调试会生成一个二维码,也就是说从客户端需要一个二维码去解析并且去调用这一行代码。

图片5.png

这里的 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());

图片6.png

然后调用前面的那行代码

MPTinyHelper.getInstance().LaunchIdeQRCode(yri,new Bundle());

直接启动预览或者调试 /gradtew clean installbebug 拷在真机上。

图片7.png1.预览小程序:

这时候打开 My Application.点击“启动一个小程序”就会启动一个扫码,在小程序端点击预览,二维码生成之后扫码就可以看到手机端正常运行这个小程序了,这个就是预览小程序。

2.调试小程序:

调试的道理是相同的,点击真机调试,同样会生成一个二维码,扫码后可以看到远程调试已连接,现在就进入了调试模式,在调试模式中对小程序的某一行代码做断点,比如在 API 里有一个代码  tiny-to-native ,接下来点击“自定义API”,当点击按钮的时候会触发到断点,可以看到真机命中断点,右侧会出现一些断点的信息,然后就可以进行调试了,最后点击退出就可以直接退出远程调试模式了。

以上就是真机预览与调试的 Android  端的设置。

相关文章
|
小程序 Java 关系型数据库
基于Java微信小程序智能招聘平台设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序智能招聘平台设计和实现(源码+LW+调试文档+讲解等)
|
小程序 Java 关系型数据库
基于Java微信小程序同城家政服务系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序同城家政服务系统设计和实现(源码+LW+调试文档+讲解等)
|
小程序 开发者
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
520 0
|
小程序 Java 关系型数据库
基于Java微信小程序小说阅读系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序小说阅读系统设计和实现(源码+LW+调试文档+讲解等)
|
人工智能 小程序 IDE
【一步步开发AI运动小程序】九、姿态辅助调试桌面工具的使用
随着AI技术的发展,各大厂商推出的AI运动APP如“乐动力”、“天天跳绳”等,使云上运动会、线上健身等概念大热。本文将指导你如何利用“云智AI运动识别小程序插件”,在微信小程序中实现类似功能,包括工具搭建、服务启动及数据回传等步骤,助力开发者高效开发AI运动小程序。
【一步步开发AI运动小程序】九、姿态辅助调试桌面工具的使用
|
移动开发 开发框架 小程序
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
|
小程序 Java 关系型数据库
基于Java微信小程序场地预约系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序场地预约系统设计和实现(源码+LW+调试文档+讲解等)
|
小程序 Java 关系型数据库
基于Java微信小程序智能招聘平台设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序智能招聘平台设计和实现(源码+LW+调试文档+讲解等)
|
小程序 JavaScript Java
基于Java微信小程序火锅店点餐系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序火锅店点餐系统设计和实现(源码+LW+调试文档+讲解等)
|
小程序 安全 Java
基于Java微信小程序民宿短租系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序民宿短租系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序民宿短租系统设计和实现(源码+LW+调试文档+讲解等)