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

本文涉及的产品
mPaaS订阅基础套餐,标准版 3个月
简介: 快速学习 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  端的设置。

相关文章
|
1月前
|
缓存 Java 测试技术
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
213 3
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
|
2月前
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
134 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
4月前
|
人工智能 小程序 IDE
【一步步开发AI运动小程序】九、姿态辅助调试桌面工具的使用
随着AI技术的发展,各大厂商推出的AI运动APP如“乐动力”、“天天跳绳”等,使云上运动会、线上健身等概念大热。本文将指导你如何利用“云智AI运动识别小程序插件”,在微信小程序中实现类似功能,包括工具搭建、服务启动及数据回传等步骤,助力开发者高效开发AI运动小程序。
【一步步开发AI运动小程序】九、姿态辅助调试桌面工具的使用
|
7月前
|
Shell Linux 开发工具
"开发者的救星:揭秘如何用adb神器征服Android设备,开启高效调试之旅!"
【8月更文挑战第20天】Android Debug Bridge (adb) 是 Android 开发者必备工具,用于实现计算机与 Android 设备间通讯,执行调试及命令操作。adb 提供了丰富的命令行接口,覆盖从基础设备管理到复杂系统操作的需求。本文详细介绍 adb 的安装配置流程,并列举实用命令示例,包括设备连接管理、应用安装调试、文件系统访问等基础功能,以及端口转发、日志查看等高级技巧。此外,还提供了常见问题的故障排除指南,帮助开发者快速解决问题。掌握 adb 将极大提升 Android 开发效率,助力项目顺利推进。
192 0
|
9月前
|
小程序 Java 关系型数据库
基于Java微信小程序智能招聘平台设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序智能招聘平台设计和实现(源码+LW+调试文档+讲解等)
|
9月前
|
小程序 Java 关系型数据库
基于Java微信小程序同城家政服务系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序同城家政服务系统设计和实现(源码+LW+调试文档+讲解等)
|
4月前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
114 8
|
8月前
|
小程序 开发者
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
120 0
|
9月前
|
小程序 Java 关系型数据库
基于Java微信小程序小说阅读系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序小说阅读系统设计和实现(源码+LW+调试文档+讲解等)
|
7月前
|
Ubuntu Android开发
安卓系统调试与优化:(一)bootchart 的配置和使用
本文介绍了如何在安卓系统中配置和使用bootchart工具来分析系统启动时间,包括安装工具、设备端启用bootchart、PC端解析数据及分析结果的详细步骤。
364 0
安卓系统调试与优化:(一)bootchart 的配置和使用

热门文章

最新文章