在开发 Web 应用程序时，跳转到 Windows Store 展示该应用程序非常有帮助，可以吸引更多的用户。如果你需要在你的 Web 应用程序中添加一个到 Windows Store 的链接，那么这篇文章就是为你准备的。
简介
windows-store-link 是一个 NPM 包，它提供了一个简单的方式，在 Web 应用程序中添加一个到 Windows Store 的链接。这个链接将使用 Windows Store URI 规范生成，并在单击时打开 Windows Store 应用程序的应用程序详细信息页面。
安装
你可以使用 npm 安装 windows-store-link：
npm install --save windows-store-link
用法
导入
windows-store-link在应用程序中添加一个到 Windows Store 的链接的第一步是导入
windows-store-link包。你可以使用以下代码在你的应用程序中导入windows-store-link：import WindowsStoreLink from 'windows-store-link';
创建链接
创建链接需要传入两个参数：packageFamilyName 和 productId。
const packageFamilyName = 'Microsoft.BingWeather_8wekyb3d8bbwe'; const productId = '9wzdncrfhvjl'; const windowsStoreLink = new WindowsStoreLink(packageFamilyName, productId);
注意：你需要将
packageFamilyName和productId替换为你的应用程序的值。添加链接到 DOM
现在，你可以使用以下代码将链接添加到 DOM 中：
const linkElement = document.createElement('a'); linkElement.setAttribute('href', windowsStoreLink); linkElement.innerHTML = 'Download from the Microsoft Store'; document.body.appendChild(linkElement);现在，你已经成功地将链接添加到 DOM 中了。
示例
下面是一个完整的示例代码，它演示了如何使用 windows-store-link 在你的应用程序中添加一个到 Windows Store 的链接。
-- -------------------- ---- ------- ------ ---------------- ---- --------------------- ----- ----------------- - -------------------------------------- ----- --------- - --------------- ----- ---------------- - --- ----------------------------------- ----------- ----- ----------- - ---------------------------- -------------------------------- ------------------ --------------------- - --------- ---- --- --------- ------- ---------------------------------------
结论
现在你应该已经学会了如何在你的 Web 应用程序中添加一个到 Windows Store 的链接。这个链接将使用 Windows Store URI 规范生成，并且它可以在单击时打开 Windows Store 应用程序的应用程序详细信息页面。windows-store-link 是一个很好的 NPM 包，可以让你轻松地添加这个链接。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006710b8dd3466f61ffe0f8