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

简介: 快速学习 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,就可以看到选中的断点,右边是断点信息,点击继续执行。

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

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

相关文章
|
20天前
|
存储 Java Linux
Android Mstar增加IR 自定义遥控头码完整调试过程
Android Mstar增加IR 自定义遥控头码完整调试过程
27 1
|
3月前
|
JSON 小程序 数据安全/隐私保护
小程序动态调试-解密加密数据与签名校验
本文主要讲解微信小程序加密、验签的情况下如何进行动态调试已获取签名以及加密信息
|
2天前
|
小程序
微信小程序调试、断点调试
微信小程序调试、断点调试
6 0
|
3天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
10 1
|
6天前
|
Shell Android开发
Android Activity重写dump方法实现通过adb调试代码
Android Activity重写dump方法实现通过adb调试代码
12 0
|
20天前
|
Android开发
Android源代码定制:Overlay目录定制|调试Overlay资源是否生效
Android源代码定制:Overlay目录定制|调试Overlay资源是否生效
18 0
|
20天前
|
Android开发 内存技术
Android 通过tinyalsa调试解决录制和播放音频问题
Android 通过tinyalsa调试解决录制和播放音频问题
36 1
|
20天前
|
编解码 监控 API
Android HAL深入探索(6): HIDL 添加SELinux 完整调试过程
Android HAL深入探索(6): HIDL 添加SELinux 完整调试过程
93 0
|
20天前
|
安全 编译器 API
Android HAL深入探索(5): 调试HAL报错与解决方案
Android HAL深入探索(5): 调试HAL报错与解决方案
27 1
|
20天前
|
网络协议 Shell Android开发
Android 深入学习ADB调试原理(1)
Android 深入学习ADB调试原理(1)
27 1

热门文章

最新文章