Windows App Studio — Windows App Studio

Windows App Studio

Разработчики)	Microsoft
Операционная система	Независимо от ОС ( веб-приложение )
Платформа	Windows 10 , Windows 8.1 , Windows Phone 8.1
Доступно в	Английский, немецкий, испанский, французский, итальянский, португальский, русский, японский, корейский, упрощенный китайский, традиционный китайский
Тип	Интегрированная среда разработки
Веб-сайт	appstudio .windows .com

Windows App Studio , ранее называвшаяся Windows Phone App Studio, является прекращенным веб-приложением, предоставляемым Microsoft для разработки приложений для Windows. Он позволял пользователям создавать приложения, которые можно было устанавливать или публиковать в Microsoft Store (ранее известный как Windows Store ), и, кроме того, предоставлял полный исходный код в виде «решения» Visual Studio . Инструмент использовался для разработки приложений универсальной платформы Windows .

Содержание

Особенности

Это позволило новичкам в компьютерном программировании создавать программные приложения для операционных систем (ОС) Windows и Windows Phone . Он использовал графический интерфейс , позволяющий пользователям создавать приложения, которые могли бы работать на устройствах Windows Phone и Windows с небольшим опытом, и был сосредоточен в основном на приложениях для веб-сайтов и потоков контента . Он также позволяет пользователям загружать на исходный код из приложений , сделанных в студии для дальнейшего редактирования в Visual Studio . Некоторые из его функций включали мастер создания логотипов и изображений , настраиваемые шаблоны тем и возможность вставлять встроенный контент с таких сайтов, как YouTube , Flickr и Facebook . Услуга работала только для пользователей с учетной записью Microsoft и предоставлялась совершенно бесплатно.

История

27 мая 2015 года Microsoft добавила поддержку приложений Windows 10 и добавила новые функции, такие как обновление живых плиток, сбор данных Xbox Music , карты Bing и аналитика для приложений, касающаяся того, как часто приложение открывается, падает и используется пользователями, которые установили его. В марте 2016 года, Microsoft выпустила Windows , App Studio Installer для Windows 10 и Windows 10 мобильных устройств , которые позволили разработчикам для установки и тестирования приложений разработаны в ОС Windows App Studio , и генерировать и сканировать QR коды , связанные с загрузки ссылки их применения .

В июне 2017 года Microsoft объявила, что они закроют службу 1 декабря того же года. Однако Windows Template Studio доступна в качестве преемника Windows App Studio в виде расширения Visual Basic для создания приложений. Исходный код преуспевающего проекта предоставляется на GitHub .

Быстрая разработка приложений с помощью App Studio для Microsoft Teams Quickly develop apps with App Studio for Microsoft Teams

С помощью App Studio можно удобно создавать и интегрировать ваши собственные приложения для Microsoft Teams, если вы разрабатываете пользовательские приложения для своего предприятия или приложения SaaS для команд во всем мире. App Studio упрощает создание манифеста и пакета для вашего приложения и предоставляет вам полезные инструменты, такие как редактор карточек и библиотека элементов управления React. App Studio makes it easy to start creating or integrating your own Microsoft Teams apps, whether you develop custom apps for your enterprise or SaaS applications for teams around the world by streamlining the creation of the manifest and package for your app and providing useful tools like the Card Editor and a React control library.

Установка App Studio Installing App Studio

App Studio — это приложение Teams, доступное в магазине Teams. App Studio is a Teams app which can be found in the Teams store. Чтобы скачать приложение, перейдите по этой ссылке: App Studio (это приложение также доступно в магазине приложений). Follow this link for direct download: App Studio (you can also find the app in the app store).

Найдите App Studio в магазине приложений. In the store, search for App Studio.

Выберите плитку App Studio, чтобы открыть страницу установки этого приложения: Select the App Studio tile to open the app install page:

Выберите Установить. Select install.

Открыв App Studio, перейдите на вкладку Редактор манифестов, где можно импортировать существующее приложение или создать новое. Once you are in App Studio, click on the Manifest editor tab where you can either import an existing app or create a new app.

Функции App Studio App Studio Features

В этом разделе представлены такие функции, как беседа, редактор манифестов, сведения и возможности. This section covers features, such as conversation, manifest editor, details, and capabilities. Вы можете настроить свои возможности с помощью настройки приложения. You can customize your capabilities using app customization.

Беседа Conversation

Здесь можно просмотреть, как будут выглядеть в Teams карточки, созданные вами в App Studio, когда вы будете их тестировать, отправляя их себе. This is where you can see what cards you create in App Studio look like in Teams when you test them by sending them to yourself.

Редактор манифестов Manifest Editor

Как было сказано ранее, важнейшим компонентом пакета приложения Microsoft Teams является файл manifest.json. As mentioned earlier, the most significant part of a Microsoft Teams app package is its manifest.json file. Этот файл, который должен соответствовать схеме приложения Teams, содержит метаданные, дающие возможность приложению Teams правильно отобразить ваше приложение для пользователей. This file, which must conform to the Teams App schema, contains metadata which allows Teams to correctly present your app to users.

Вкладка «Редактор манифестов» в App Studio упрощает создание манифестов: вы можете описать приложение. отправить значки, добавить возможности приложения и создать ZIP-файл, который можно удобно отправить в Teams, чтобы протестировать или распространить другим пользователям для использования. The Manifest Editor tab in App Studio simplifies creating the manifest, allowing you to describe the app, upload your icons, add app capabilities, and produce a .zip file which can easily be uploaded into Teams for testing or distributed for others to use. Обратите внимание, что App Studio не создает функциональный код вашего приложения и не размещает ваше приложение. Note that App Studio does not produce functional code for your app, or host your app. Ваше приложение уже должно быть размещено и запущено по URL-адресу, указанному в манифесте: только в этом случае результатом процесса отправки приложения станет действующее приложение. Your app must already be hosted and running at the URL listed in the manifest for the app upload process to result in a working app.

Сведения Details

В разделе сведений редактора манифестов содержатся общие сведения о приложении, которое вы создаете. The details section of the Manifest Editor defines the high-level description of the app you are making. В частности, здесь содержится имя приложения, его описание и фирменное визуальное оформление. This includes things such as the app’s name, description, and visual branding. Можно автоматически сформировать идентификатор GUID для приложения и указать URL-адреса заявления о конфиденциальности и условий использования. You can automatically generate a GUID for your app and provide URLs for your privacy statement and terms of use.

Возможности Capabilities

В разделе возможностей в редакторе манифестов определяются возможности приложения и указываются сведения о каждой возможности. The capabilities section of the Manifest Editor is where the app’s capabilities are defined and where details of each of those capabilities are listed.

В настоящее время функция настройки приложения доступна только в предварительном просмотре разработчика. The app customization feature is currently available in developer preview only.

В качестве наилучшей практики необходимо предоставить рекомендации по настройке для пользователей и клиентов приложений, которые следует соблюдать при настройке приложения. As a best practice, you must provide customization guidelines for app users and customers to follow when customizing your app. Дополнительные сведения см. в дополнительных сведениях о настройке приложений в Microsoft Teams. For more information, see customize apps in Microsoft Teams.

Вкладки Tabs

Вкладки команд. Team Tabs. Вкладка команды становится частью канала и обеспечивает быстрый доступ к сведениям и ресурсам группы. A team tab becomes part of a channel and provides quick access to team information and resources. Например, вкладка «Планировщик» для канала содержит один план, а вкладка «Power BI» связана с определенным отчетом. For example, the Planner tab for a channel contains a single plan; the Power BI tab maps to a specific report. Пользователи могут перейти к нужному контексту, но у них не должно быть возможности переходить вне вкладки. Например, вкладка «Power BI» не разрешает переходить к другим отчетам Power BI, но на ней есть кнопка Перейти на веб-сайт, при нажатии которой отчет открывается на главном веб-сайте Power BI. Users can drill down to the relevant context, but they should not be able to navigate outside the tab. The Power BI tab, for instance, doesn’t enable navigation to other Power BI reports, but it does enable the Go to website button that launches the report in the main Power BI website.

Для вкладок команд необходимо предоставить URL-адрес конфигурации для предоставления вариантов и сбора информации, чтобы пользователи могли настраивать содержимое и внешний вид вкладки. Эта HTML-страница отображается в элементе iframe, когда пользователь впервые добавляет эту вкладку в канал. For team tabs, you must provide a Configuration URL to present options and gather information so users can customize the content and experience of your tab. This iframed HTML page is displayed when a user first adds the tab to a channel.

Также необходимо указать все дополнительные домены, из которых эта вкладка будет загружать информацию или с которыми она будет связана. You must also provide any additional domains that the tab expects to load from or link to.

Личные вкладки Personal Tabs. В этом разделе можно определить набор вкладок, которые по умолчанию отображаются в личном интерфейсе приложения (т. е. в интерфейсе пользователя в вашем приложении вне контекста команды или канала). This section lets you define a set of tabs that are presented by default in the personal app experience (i.e. the experience a user has with your app outside the context of a team or channel). В этом разделе укажите имя вкладки, уникальный идентификатор и URL-адрес, указывающий на пользовательский интерфейс, который нужно отобразить в Teams. При желании можно указать URL-адрес на случай, если пользователь предпочтет просмотреть эту вкладку в браузере. In this section, provide the tab name, a unique identifier, the URL that points to the UI to be displayed in Teams, and optionally, the URL to use if a user opts to view the tab in a browser. Как и для вкладок Teams, необходимо указать все дополнительные домены, из которых эта вкладка будет загружать информацию или с которыми она будет связана. As with Teams tabs, provide any additional domains from which the tab expects to load from or link to.

Боты Bots

В этом разделе можно добавить в приложение бот для интерактивных бесед. This section allows you to add a conversational bot to your app. Если у вас уже есть бот, зарегистрированный на платформе Bot Framework, можно добавить его: для этого щелкните Настройка и укажите имя бота, идентификатор Bot Framework и области, в которых будет работать этот бот. If you already have a bot registered with Bot Framework, you can add that bot by clicking Set Up and supplying the bot’s name, Bot Framework ID, and defining the scopes in which the bot will work.

Если вы еще не зарегистрировали бот на платформе Bot Framework, щелкните Регистрация, чтобы создать новый бот. If you have not yet registered a bot with the Bot Framework, click Register to create a new one. После регистрации бота вернитесь в этот раздел редактора манифестов и введите имя бота и его идентификатор Bot Framework. Once you’re done registering your bot, come back to this section of the Manifest Editor to enter its name and Bot Framework ID.

После того как вы предоставили сведения о боте, теперь можно дополнительно определить список команд, которые бот может предложить пользователям. After you have supplied your bot’s information, you can now optionally define a list of commands that your bot can suggest to users. Добавьте имя команды, описание команды с указанием синтаксиса и аргументов, а также области, к которым должна применяться эта команда. Add the name of the command, a description of the command which indicates its syntax and arguments, and the scope(s) to which this command should apply.

Обратите внимание, что если в вашем определении бот поддерживает только одну область. то команды, указанные для неподдерживаемых областей, будут игнорироваться. Note that if you have defined your bot to only support one scope, commands specified for the unsupported scope will be ignored. Можно в любое время изменить области, поддерживаемые вашим ботом. You can edit the scopes your bot supports at any time.

Соединители Connectors

В этом разделе можно добавить соединитель в приложение. This section allows you to add a connector to your app. Если вы уже зарегистрировали соединитель Office 365, выберите Настройка и введите имя и идентификатор соединителя. If you already have registered an Office 365 connector, choose Set up and enter the name and ID of the connector. Если нужен новый соединитель, щелкните Регистрация, чтобы перейти на панель разработчика соединителей в браузере. If you want a new connector click Register to be taken to the Connector Developer Dashboard in your browser.

Настройка приложения позволяет администраторам изменять внешний вид приложений, загружаемых через боты, расширения обмена сообщениями, вкладки и соединители. App customization enables admins to change the look-and-feel of the apps loaded through bots, messaging extensions, tabs, and connectors. Например, если администратор Teams настраивает имя приложения от Contoso до Агента Contoso, приложение появится с новым именем Агент Contoso для пользователей. For example, if the Teams admin customizes the name of an app from Contoso to Contoso Agent, then the app will appear with the new name Contoso Agent to users. Однако при добавлении соединитетеля в чат в списке соединители по-прежнему будут показывать имя приложения как Contoso. However, while adding a connector to a chat, in the list the connectors will still show the name of the app as Contoso.

Расширения для сообщений Messaging Extensions

Расширения для сообщений — удобный способ работы пользователей с вашим приложением в Microsoft Teams. Messaging extensions are a powerful way for users to engage with your app within Microsoft Teams. Пользователи могут запрашивать сведения в вашей службе и публиковать их в виде карточек непосредственно в канале или в чате, где идет беседа. Users can query for information from your service and post that information in the form of cards, right into the channel or chat conversation.

Расширения для сообщений работают на основе Bot Framework, поэтому для их работы требуется настроенный бот. Messaging extensions are powered by Bot Framework bots, so they require a configured bot to operate. Если у вас уже есть имя и идентификатор Bot Framework бота, на основе которого должно работать расширение для сообщений, введите эти данные. If you have the name and Bot Framework ID of the bot you would like to power the messaging extension, enter it. В противном случае щелкните Регистрация, чтобы создать бот, а затем введите соответствующие данные. Otherwise, click Register to create one and enter the information afterward. Выберите, может ли пользователь обновлять конфигурацию расширения для сообщений. Select whether the configuration of a messaging extension can be updated by the user.

После настройки бота определите команды и параметры, которые будет принимать расширение для сообщений. Once you have the underlying bot configured, define the commands and parameters which the messaging extension can accept.

Для каждой команды требуется название и идентификатор. Each command requires a title and an ID. Также команда может содержать описание для пользователя. The command can optionally contain a description for the user. Каждая команда может поддерживать до пяти из параметров, для каждого из которых требуется: Each command can support up to five parameters, each of which requires:

• имя параметра в том виде, в котором оно отображается в клиенте Teams и включено в запрос пользователя The name of the parameter as it appears in the Teams client and is included in the user request
• понятное название A user-friendly title
• необязательное описание An optional description

Чтобы создать расширение обмена сообщениями с помощью студии приложений, см. в приложении create messaging extension using app studio. To create messaging extension using app studio, see create messaging extension using app studio.

Тестирование и распространение Test and Distribute

После определения приложения можно экспортировать определение приложения в виде ZIP-файла в разделе «Тестирование и распространение». К этому ZIP-файлу можно предоставить общий доступ, можно отправить этот файл в клиент Teams для тестирования. Once you have finished defining your application, the Test and Distribute section allows you export your app’s definition as a zip file which then can be shared and uploaded into the Teams client for testing. Если щелкнуть «Экспорт», ZIP-файл appname.zip будет скачан в папку по умолчанию для скачанных файлов. Clicking export downloads the zip file as appname.zip in your default download directory.

Опубликуйте свое приложение в Teams Publish your app to Teams

На домашней странице проекта можно передать приложение в команду, отправить приложение в настраиваемый магазин приложений вашей компании, чтобы приложением смогли воспользоваться пользователи вашей организации, или отправить приложение в AppSource для всех пользователей Teams. On your project home page, you can upload your app to a team, submit your app to your company custom app store for users in your organization, or submit your app to App Source for all Teams users. ИТ-администратор проверит эти отправленные приложения. Your IT admin will review these submissions. Можно вернуться на страницу Публикация, чтобы проверить состояние отправки и узнать, было ли ваше предложение утверждено или отклонено ИТ-администратором. На этой странице вы также можете отправлять обновления для вашего приложения и отменять все действующие отправки. You can return to the Publish page to check on your submission status and learn if your app was approved or rejected by your IT admin. This is also where you’ll come to submit updates to your app or cancel any currently active submissions.

Редактор карточек Card Editor

Карточка — это контейнер для коротких или связанных фрагментов информации. A card is a container for short or related pieces of information. Приложение Microsoft Teams поддерживает карточки, у которых может быть множество свойств и вложений. Microsoft Teams supports cards, which can have multiple properties and attachments. Карточки — основной способ, при помощи которого боты и соединители передают пользователям полезную информацию, требующую действий. Cards are a key way that bots and connectors relay actionable information to users.

Чтобы упростить этот процесс и снизить вероятность ошибок, предусмотрена вкладка «Редактор карточек», на которой с помощью формы можно создавать карточки имиджевого баннера и карточки эскизов, а также тестировать получившиеся карточки (точно в таком же виде, в каком их увидит пользователь) с помощью бота. To make this process easier and less error-prone, the Card Editor tab lets you build Hero Cards or Thumbnail Cards using a form and verify and test the resulting card (exactly as a user would see it) via a bot. Также предоставляется соответствующий код карточки (JSON, C# или Node.js), который можно скопировать и вставить в исходный код вашего приложения. It also provides the corresponding JSON, C#, or Node.js code for the card that you can copy/paste into your app’s source code.

Если у вас уже есть карточка, которую вы ходите проверить в Teams, вставьте код JSON этой карточки на вкладке «JSON» в разделе Добавление сведений о карточках и отправьте эту карточку себе, чтобы увидеть, как она выглядит в чате. If you already have a card that you would like to verify inside Teams, you can paste the JSON for that card into the JSON tab under Add card info and send it to yourself to see what it looks like in a chat.

Библиотека элементов управления React React Control Library

Библиотека элементов управления React будет упразднена. This React control library will be deprecated in the future. Рассмотрите возможность использовать вместо нее элементы управления React Fluent UI (прежнее название — Stardust UI). Consider using the Fluent-UI react controls as an alternative (formerly Stardust UI).

Создание приложения, соответствующего лучшим методикам Teams, — лучший способ придать приложению внешний вид и порядок использования, соответствующие пользовательскому интерфейсу клиента Teams. Creating an app that follows the Teams best practices is a great way to give your app a look and feel that fits seamlessly with the Teams client experience. Для достижения этой цели крайне важны используемые вами элементы управления в пользовательском интерфейсе. The UI controls that you use are critical to achieving that end. Для удобства создания согласованного пользовательского интерфейса в App Studio предоставляется несколько категорий элементов управления для пользовательского интерфейса. Эти элементы управления соответствуют принципам дизайна Teams. To make it easier to create a consistent UI, App Studio provides several categories of UI controls which follow Teams design principles.

Предоставляются примеры элементов управления и соответствующих компонентов React, готовых к использованию при создании вашего приложения. Examples of the controls and corresponding React components are provided and ready to use in building your app.

Элементы управления Controls

Доступны следующие элементы управления: Controls include:

• Кнопки Buttons
• Раскрывающиеся списки Dropdowns
• Флажки Checkboxes
• Переключатели Radio Buttons
• Выключатели Toggles
• Текстовые области Text Areas
• Ссылки Links
• Вкладки Tabs
• Таблицы Tables
• Значки Icons

—>