开发者学堂课程【mPaaS 小程序开发实战： IOS 端预览和调试小程序】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/301/detail/3510
IOS 端预览和调试小程序
内容介绍
一、预览
二、白名单的配置
三、调试
我们需要根据 IDE 的二维码获取二维码内容的一个字符串。
前面的课程已经介绍了一下如何基于小程序 ide 进行一个小程序的开发，包括如何进小程序的一个登录，一些相关的一些配置，小程序开发完成之后，您可以是在你的 APP 客户端里面直接看一下这个小程序跑在手机里面的一个效果。
一、预览
这里点击一个小程序预览的按钮，会生成一个二维码，
首先添加一个调试小程序的按钮。
UIButton *btr2…[UIButton buttonwithType:UIButtonTypeSystan】:
btn2.frnu = coRuctNake(1ce， 200, 2e0. 30);
[btn2 cotTitle:@"调试小程序" forStato:0];
[btnaddTarget:selfaction:genlactor(clivkDahupTinyApp)forcontrolFvents:UiControlFuentTouchipinside];
[selr.view addSubview:btn2];
点击按钮的试键会唤起一个扫码界面。
-（void)clivkDobugTinyApp
{
TBScanViewController+va=[[MPSaanCodeAdapterInterfacecharodInstanco]oreateDsfaultSoanPagewi thallbsck:*( ie _Nennull
result,BooL kempAlive](
NsString *url=recult[@"rosp_result'];
IMpNebulaAdaaterInterface startDebugTiryAppuithurl:url1:}
];
[salf.navigationController pushviewControllerive animated:Yes];
在这个点击事件的方法里面，会去直接调用几种小程序组件所应带扫码组件对应的 API。
(TBScanNiguController=)croatoDefaultScanPageWithallback:(MPModulcKeopAliveCallbackicallback;
会打开 mpaas 默认扫码界面
扫码完成后会有一个结构的回调，回调里面取 resp_result 字段，能拿到二维码对应的 url，在调用小程序的一个 startDebugTinyAppWithUrl 就能打开预览的小程序了。
二、白名单的配置
需要在工程中的 useid 里面传入小程序 ide 里面白名单配置的 id；
把这个id拷贝到 useid 里面；
这样就完成了 IOS 客户端的配置。
三、调试
1、小程序端调试
重新运行工程（真机运行）
真机运行可以看到一个调试小程序的按钮，点击，扫描二维码，就能打开调试的小程序，效果如下：
2、手机端调试
还可以进在小程序进行一个对真机的调试
生成调试二维码，扫码。
在手机客户端会出现远程调试已连接，在小程序端可以看到一个调试的控制台，可以在3处打一个断点，进行调试
在手机端的 ActionSheet 点击操作菜单，可以看到命中断点，小程序端也会看到断点的显示，右边可以看到调试的信息。
以上就是 IOS 真机预览调试的过程。
