Android 端预览和调试小程序|学习笔记

本文涉及的产品
mPaaS订阅基础套餐,标准版 3个月
简介: 快速学习 Android 端预览和调试小程序

开发者学堂课程【mPaaS 小程序开发实战 Android 端预览和调试小程序】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/301/detail/3509


Android 端预览和调试小程序


内容介绍

一、配置小程序

二、创建小程序

三、预览和调试

 

一、配置小程序

1、配置 h5_remote_debug_host

首先需要配置 h5_remote_debug_host,这个值的value是从刚才下载的小程序 IDE 配置文件中拿出来的。

以下是配置的小程序:

"login url":"https://mpaas-mappcenter.aliyuncs.com/ide/login

"uuid_url":"http://cn-hangzhou-mproxy.cloud.alipay.com/switch/uuid" debug_ur":"wss://cn-hangzhou-mproxy.cloud.alipay.com

“appId":"ONEX570DA89811530”

isign":"491d2cc6c86b47e86207b3d7efa262f3”

iitenantid":"NJESLTAO"

"upload url":"https://mpaas-mappcenter.aliyuncs.com/ide/mappcenter/mds",

"applisturl":"https://mpaas-mappcenter.aliyuncs.com/ide/mappcenter/mds/miniProgram/qetAppListByApi"

“workspaceld":shaojian"

可以看到小程序的配置是 url,在这里将它的 value 值拷贝出来,这里是和文档是一致的。

{

“key":“h5_remote_debug_host”,

“vatue”:“wss:/icn-hangzhou-mproxy.cloud.alpay.com/host/

}

]

将它拷贝出来在我们的工程里

{

"value'": "NO",

"key": "h5_shoulderifyapp”

},

{

"key": "h5_remote_debug_host",

"velue":"wss://cn-hangzhou-tproxy.cloud.alipay.com'host/"

}


2、设置 VHost

MPTinyHelper tinyHeper=MPTInyHelper.getinstanceo():

tinyHelper.setTinyAppVHost("h5app.cam”);

可以直接在初始化的回调中设置 VHost

VHost 值的来源:打开小程序的后台,在配置管理中可以看到一个虚拟域名,拷贝虚拟域名,VHost 就配置好了。

3、配置白名单 id

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

这个 ID 就是我们的一 个 m Paas 提供出来的一个 userID,这个接口就可以设置你的自己的账户体系

这里根据上节课的介绍过程中,可以知道通过在这里可以设置我们的白名单

image.png

这个白名单 ID 叫 m pass test,我们直接也pass test。

super.attacrbisecantext(case):

QuinaxtessFrarework.setup(this,[)=(H5utils.satProuider(H5AppfenterPresotProuiderclass.getNanenwTinyAppCenterPreseProvider())MPTinyHelpertinyHelper=MPTinHelpegetInstancel():

tinyHeper.setTinyAppHost("test.com');

MPLcgger,setUserId("mPaaSTest");

白名单设置好了

 

二、创建小程序

首先我们的预览和调试社会生成一个二维码,从客户端需要通过一个二维码去解析,去调用这一行代码,在这里m paas引入了小程序,已经会带入扫码组件,可以直接使用扫码组件

点击时间里面去生成一个扫码,去调一个扫码。

ScarRequest request=new ScanRequest();

request.setScanType(ScanRequestScanType.QACODE):MPScan:startMPeasScamctivity(ManActivitythis,request,newScanCallback(){

@Odverride

public void cnscanResultboolean bIntent intent){

1f(null=intentSimull!=intent.getoata()){

再去调用这句,可以直接启动预览或调试

MPTinyHelper.getinstance().launchideQRCode(uri, new Bundle();

然后跑在真机上,可以使用命令gradlew clean instalDebug


三、预览与调试

1、预览

这时候去打开小程序,点击启动,会出现一个扫码

在小程序端点击预览,生成二维码,扫码以后手机端就会看到这个小程序了。

2、调试

打开小程序端点击调试,生成二维码,扫码以后既可以看到远程调试已连接。

在调试模式中对某一行模式做断点,例如 tiny_to_native 去打一个断点,再去小程序页面点击自定义 API,就可以看到选中的断点,右边是断点信息,点击继续执行。

小程序端点击退出,就可以退出远程调试。

以上就是真机预览与安卓端的调试。

相关文章
|
2月前
|
Shell Linux 开发工具
"开发者的救星:揭秘如何用adb神器征服Android设备,开启高效调试之旅!"
【8月更文挑战第20天】Android Debug Bridge (adb) 是 Android 开发者必备工具,用于实现计算机与 Android 设备间通讯,执行调试及命令操作。adb 提供了丰富的命令行接口,覆盖从基础设备管理到复杂系统操作的需求。本文详细介绍 adb 的安装配置流程,并列举实用命令示例,包括设备连接管理、应用安装调试、文件系统访问等基础功能,以及端口转发、日志查看等高级技巧。此外,还提供了常见问题的故障排除指南,帮助开发者快速解决问题。掌握 adb 将极大提升 Android 开发效率,助力项目顺利推进。
65 0
|
3月前
|
小程序 开发者
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
47 0
|
2月前
|
Ubuntu Android开发
安卓系统调试与优化:(一)bootchart 的配置和使用
本文介绍了如何在安卓系统中配置和使用bootchart工具来分析系统启动时间,包括安装工具、设备端启用bootchart、PC端解析数据及分析结果的详细步骤。
141 0
安卓系统调试与优化:(一)bootchart 的配置和使用
|
2月前
|
移动开发 开发框架 小程序
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
开发H5程序或者小程序的时候,后端Web API项目在IISExpress调试中使用IP地址,便于开发调试
|
3月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
40 0
|
3月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
108 0
|
4月前
|
小程序 Java 关系型数据库
基于Java微信小程序自驾游拼团设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序自驾游拼团设计和实现(源码+LW+调试文档+讲解等)
|
4月前
|
小程序 JavaScript Java
基于Java微信小程序校园自助打印系统设计和实现(源码+LW+调试文档+讲解等)
基于Java微信小程序校园自助打印系统设计和实现(源码+LW+调试文档+讲解等)
|
Android开发 数据库管理 数据库