开发者学堂课程【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_shoulderifya
p
p”
},
{
"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,这个接口就可以设置你的自己的账户体系。
这里根据上节课的介绍过程中,可以知道通过在这里可以设置我们的白名单。
这个白名单 ID 叫 m pass test,我们直接也用 pass test。
super.attacrbisecantext(case):
QuinaxtessFrarework.setup(this,[)=(
H5utils.satProuider(H5AppfenterPresotProuiderclass.getNanenwTinyAppCenterPresePr
o
vider(
)
)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
.g
etoata
()){
再去调用这句,可以直接启动预览或调试
MPTinyHelper.getinstance().launchideQRCode(uri, new Bundle();
然后跑在真机上,可以使用命令gradlew clean instalDebug
三、预览与调试
1、预览
这时候去打开小程序,点击启动,会出现一个扫码
在小程序端点击预览,生成二维码,扫码以后手机端就会看到这个小程序了。
2、调试
打开小程序端点击调试,生成二维码,扫码以后既可以看到远程调试已连接。
在调试模式中对某一行模式做断点,例如 tiny_to_native 去打一个断点,再去小程序页面点击自定义 API,就可以看到选中的断点,右边是断点信息,点击继续执行。
小程序端点击退出,就可以退出远程调试。
以上就是真机预览与安卓端的调试。