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

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

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

相关文章
|
3月前
|
存储 消息中间件 人工智能
【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡
【03】AI辅助编程完整的安卓二次商业实战-本地构建运行并且调试-二次开发改注册登陆按钮颜色以及整体资源结构熟悉-优雅草伊凡
139 3
|
3月前
|
缓存 Unix Android开发
Android安卓项目调试之Gradle 与 Gradle Wrapper的概念以及常用gradle命令深度详解-优雅草卓伊凡
Android安卓项目调试之Gradle 与 Gradle Wrapper的概念以及常用gradle命令深度详解-优雅草卓伊凡
337 8
|
3月前
|
存储 API Android开发
【02】完整的安卓二次商业实战-配置gradle-构建打包原生安卓项目-调试本地运行模拟器-优雅草伊凡
【02】完整的安卓二次商业实战-配置gradle-构建打包原生安卓项目-调试本地运行模拟器-优雅草伊凡
200 4
【02】完整的安卓二次商业实战-配置gradle-构建打包原生安卓项目-调试本地运行模拟器-优雅草伊凡
|
9月前
|
监控 Shell Linux
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
|
10月前
|
缓存 Java 测试技术
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
1346 3
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
|
11月前
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
513 12
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
Shell Linux 开发工具
"开发者的救星:揭秘如何用adb神器征服Android设备,开启高效调试之旅!"
【8月更文挑战第20天】Android Debug Bridge (adb) 是 Android 开发者必备工具,用于实现计算机与 Android 设备间通讯,执行调试及命令操作。adb 提供了丰富的命令行接口,覆盖从基础设备管理到复杂系统操作的需求。本文详细介绍 adb 的安装配置流程,并列举实用命令示例,包括设备连接管理、应用安装调试、文件系统访问等基础功能,以及端口转发、日志查看等高级技巧。此外,还提供了常见问题的故障排除指南,帮助开发者快速解决问题。掌握 adb 将极大提升 Android 开发效率,助力项目顺利推进。
483 0
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
490 8
|
Ubuntu Android开发
安卓系统调试与优化:(一)bootchart 的配置和使用
本文介绍了如何在安卓系统中配置和使用bootchart工具来分析系统启动时间,包括安装工具、设备端启用bootchart、PC端解析数据及分析结果的详细步骤。
933 0
安卓系统调试与优化:(一)bootchart 的配置和使用
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
211 0

热门文章

最新文章