Question

我正在尝试制作一个像这样的VSTS扩展

Personas扩展名使用户可以键入“名称”，“标签”，“描述”和“头像”，然后如图所示将其添加到左列。

如果我在Web上进行操作，这并不是一件艰巨的任务，但是由于这是我第一次为VSTS创建扩展程序，因此我不确定如何实现。

我遵循了本教程：https://docs.microsoft.com/en-us/vsts/extend/get-started/node?view=vsts

并仅显示我的姓名就成功部署了我的扩展程序。

下面是我的显示某些形式的代码。

my_hub.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="lib/VSS.SDK.min.js"></script>
    <style>
        body {
            background-color: rgb(0, 67, 117);
            color: white;
            margin: 10px;    
            font-family: "Segoe UI VSS (Regular)","-apple-system",BlinkMacSystemFont,"Segoe UI",sans-serif;
        }
    </style>
    <script type="text/javascript">
        VSS.init();
        console.log(VSS);
        VSS.ready(function() {
            document.getElementById("name").innerText = VSS.getWebContext().user.name;
        });
    </script>
</head>
<body>        
    <form action="/action_page.php">
        First name:<br>
        <input type="text" name="firstname" value="Mickey">
        <br>
        Last name:<br>
        <input type="text" name="lastname" value="Mouse">
        <br><br>
        <input type="submit" value="Submit">
    </form> 
</body>
</html>

这成功在扩展名中显示了表单，但是我的问题是：

我们如何保存状态，以便可以如图所示在左列显示保存的表单数据？
我们如何提交表单数据以继续进行？我们需要一个数据库吗？如果是这样，我们如何为该任务进行设置？

请帮助！谢谢。

Answer 1

对于开发vsts扩展，我们不提供使用数据库的功能。

您需要使用 Data storage 。 VSTS扩展具有直接在Microsoft提供的基础架构上存储用户首选项和复杂数据结构的能力。这样可以确保您的用户数据安全，并像其他帐户和项目数据一样备份。这也意味着，出于简单的数据存储需求，您（作为扩展提供商）无需设置或管理（或支付）第三方数据存储服务。

该服务旨在让您存储和管理两个不同的   数据类型：


设置：简单的键值设置（如用户偏好设置）

文档：相似的复杂对象（文档）的集合

有关如何设置存储空间的更多详细信息，请咨询官方tutorial。

创建VSTS扩展时保存状态或处理表单数据

1 个答案: