扩展功能

扩展工具箱

mPaaS 小程序的扩展配置,均在 IDE 扩展工具箱中实现。点击界面左侧的工具箱图标(toolbox)即可打开 IDE 扩展工具。

设置

白名单设置

点击工具箱中的 设置 > 白名单设置,输入白名单并确认即可。此白名单对应的是登录 App 客户端的 userId。只有将正确的 userId 加入白名单,对应的用户才可以获取 预览调试 的小程序包。

小程序设置

点击工具箱中的 设置 > 小程序设置 可打开小程序的设置页面,系统会根据您的小程序代码中的一些配置,提示配置项中易错的选项。

settings

功能

导出

点击工具箱中的 功能 > 导出,选中小程序版本后点击 导出 即可。

此功能是拉取最新版的小程序正式包,并下载至本地。

清除缓存

点击工具箱中的 功能 > 清除缓存 即可清除 mPaaS 小程序产生的缓存文件。

多端开发

在 mPaaS 小程序 IDE 中开发的小程序,不仅可以投放到使用 mPaaS 框架开发的 App 中,还可以通过mPaaS 小程序 IDE 唤起微信小程序 IDE 进行联调,或快速构建为 H5 应用、实现真机预览。

微信小程序

  1. 打开小程序 IDE,在 模板选取 中通过 多端开发模板(uni-app)多端开发模板(remax) 创建可多端开发的小程序工程;如果您已创建了可多端开发的小程序工程,也可以直接打开。 template

  2. 如果是新建的多端开发小程序,会提示安装依赖,点击 安装所有依赖 即可。

    您也可以点击界面左侧的依赖管理按钮(),通过插件中的依赖管理安装。安装完依赖后,就可以在 IDE 的模拟器中预览到小程序了。

    说明

    若安装完成提示错误,可以切换至终端,通过 yarn 手动安装依赖,如下图所示。

  3. 下载安装微信的小程序 IDE。并登录、开启服务端口。

  4. 点击 IDE 界面左侧的 mPaaS 工具箱(toolbox),并在右侧选择 多端开发 标签。

  5. 选择 微信小程序。在下方的配置项中,需要输入以下内容:

    • 配置开发者工具:即在本机安装的微信开发者工具路径。

    • 项目名称:在微信开发者工具中显示的小程序项目名称。

    • appid:欲关联的、在微信开发者工具中所创建的项目的 ID。

  6. 点击 开始调试,此时将唤起微信小程序开发者工具,并在开发者工具中展示当前小程序的实时预览效果。

  7. 真机预览。点击微信小程序开发者工具界面右上方的 预览,并使用手机微信扫描生成的二维码,即可在真机中微信预览该小程序。

HTML5

  1. 打开小程序 IDE,并选择一个想要进行多端开发的工程。

  2. 点击 IDE 界面左侧的 mPaaS 工具箱(toolbox),并在右侧选择 多端开发 标签。

  3. 选择 HTML5 展开,在下方无需进行额外配置。

  4. 点击 开始调试,IDE 会弹出 HTML 调试 窗口并开始构建,同时会生成一个二维码用于真机扫描。 H5 preview

  5. 预览。您可选择使用手机进行真机预览,或使用电脑浏览器进行预览。

    • 真机预览:在手机端打开支持 H5 的 App 并扫描生成的二维码,即可在手机 App 中预览该小程序。这时您也可以选择 在浏览器中打开,并通过手机浏览器预览该小程序。

      说明

      使用手机进行 HTML5 预览时,需保证预览所用的手机与电脑处于同一网段中。

    • 电脑浏览器预览:您可以复制 Local 处的 URL(如下图所示),并粘贴至电脑本机的浏览器中来预览该小程序。

      local