测试Azure解决方案模板的createUIDefinion.json文件的最简单方法是什么？

Question

我正在将解决方案模板发布到Azure市场中。

例如，我的mainTemplate.json文件易于发布而无需发布，因为我可以从Git进行部署。但是我似乎无法通过Git部署来测试UI文件。

所以问题在于及时测试我的createUIdefinition.json文件。似乎每次我对createUIdefinition.json文件进行更改时，都必须将新程序包上载到发布门户，这意味着我必须等待Microsoft认证才能进行测试。这是一个24小时的过程。

是否有一种更简便的方法来测试我的createUIdefinition.json更改而无需通过该过程？

例如，我在正则表达式中某处的错误验证了我的用户输入之一：

 {
        "name": "EmailUser",
        "type": "Microsoft.Common.TextBox",
        "label": "Email Address",
        "toolTip": "The email address for your account",
        "defaultValue": "",
        "constraints": {
          "required": true,
          "regex": "\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*",
          "validationMessage": "Must be a valid email address."
  }

（注意，如果有人能发现我的错误-也许是在转义字符时？-请让我知道！没有正确验证电子邮件地址。）

[这让我有点生气，不得不等待一天才能测试我认为的修复程序。必须有更好的方法，谢谢！

Answer 1

我找到了答案。有一个特制的URL，可用于预览createUIDefinition.json。格式如下：

<a href="https://portal.azure.com/#blade/Microsoft_Azure_Compute/CreateMultiVmWizardBlade/internal_bladeCallId/anything/internal_bladeCallerParams/{"initialData":{},"providerConfig":{"createUiDefinition":"URL_ENCODED_LINK TO_createUiDefinition.json"}}">[Preview createUiDefinition.json]</a>

所以要测试的步骤是：

1. 将createUIdefinition.json上载到公共可访问的URL（github或Azure blob存储都可以正常工作）
2. 使用文件的完整URL修改以上链接。
3. 将其粘贴到浏览器中。
4. 提示时登录到Azure，您将被重定向到UI刀片。
5. 使用F12在浏览器中打开脚本控制台，以在填写UI值后查看json格式的输出。

请注意，您不能在此处进行完整的部署，这些步骤仅用于测试UI，验证正则表达式等。您仍然需要测试输出，并确保它与单独的mainTemplate.json文件一起使用部署。

Answer 2

我找到了最简单的方法来测试蔚蓝解决方案模板的createUiDefinition.json。

1. 转到http://old.armviz.io/#/
2. 单击门户UI编辑器。
3. 将您的内容从createUiDefinition.json文件粘贴到Portal UI Editor。
4. 单击预览按钮部分。它将带您进入Azure门户以测试createUiDefinition.json文件。

Answer 3

Azure门户现在具有更直观的测试方式。转到aka.ms/createuidef/sandbox，粘贴您的createUiDefinition.json，然后单击预览以查看其外观。这样，您可以进行更改并实时查看它们，而无需重新发布。