简介
NPM 是 Node.js 包管理器，全称为 Node Package Manager。通过 NPM，我们可以轻松地下载第三方库并进行管理。webstore 是一个可以快速轻松地将 Chrome 插件、主题和应用程序发布到 Chrome 网上应用商店中的工具，而且它也是一个 NPM 包，可以非常方便地在前端项目中使用。在本文中，我们将深入介绍如何使用 webstore。
安装
在安装 webstore 前，确保您已经按照过 Node.js，如果没有安装 Node.js，您可以在官方网站下载最新版本（https://nodejs.org/zh-cn/）。
在终端窗口中运行以下命令安装 webstore：
npm install --save-dev webstore
安装完成后，在您的项目的 package.json 文件中应该会看到以下条目：
"devDependencies": {
"webstore": "^0.8.3"
}配置
在进行下一步之前，您需要在此处获取一些信息：
- Google Cloud Console 项目的项目 ID
- 您的 Google API 设备的 OAuth2 客户端 ID 和客户端密钥
- Web Store Developer Dashboard 中的扩展 ID
要生成 OAuth2 客户端 ID 和客户端密钥，请按照以下步骤操作：
访问 Google API 控制台：https://console.cloud.google.com/apis/dashboard
选择您之前已经创建了一个项目，或新建一个项目。
在左侧导航栏中，选择“API 和服务”>“凭据”。
在“凭据”页中，单击“创建凭据”按钮，然后选择“OAuth2 客户端 ID”。
选择“应用程序类型”以及“应用程序限制”和“重定向 URI”，填写“应用程序名称”，并单击“创建”。
此时，在您的 OAuth 客户端管理器的“凭据”页上，您将看到您的新 OAuth2 客户端 ID 和客户端密钥。
要获取您的 Google Cloud Console 项目的项目 ID，请按如下方式操作：
使用您的 Google 帐号登陆 https://console.cloud.google.com 。
选择您所要使用的项目。
在您项目的主页面的“概览”部分，您会看到您项目的项目 ID。
最后，获取您的 Chrome 扩展程序的扩展 ID：
打开您的 Web Store Developer Dashboard。
您应该能够看到在 Chrome 网上应用商店中上架的所有扩展程序。
单击您希望使用的扩展程序的“编辑”链接。
在 URL 中，您会看到有一个“?id=”后跟着一个长字符串的链接。
这个长字符串就是您的 Chrome 扩展程序的扩展 ID。
在获取到这些信息后，您需要在您的项目的根目录下创建一个名为“webstore.json”的配置文件以保存这些信息。
例如：
-- -------------------- ---- -------
-
-------------- -----------------------------
----------- ----------------------------
--------------- -----------------------------
--------------- -----------------------------
-------------- ------
----------- -
-------------------- -
----------- ----------------------------
--------------- -----------------------------
--------------- ----------------------------
-
-
-注意，您需要将这些信息替换为您自己的信息。
发布
在配置文件设置完成后，我们就可以愉快地发布我们的扩展了。
运行以下命令发布扩展程序：
webstore upload --auto-publish
根据您的配置文件中对于 autoPublish 参数的设置，您的扩展程序可能会被自动发布到 Chrome 网上应用商店中。
如果您设置了 accounts，则您可以使用以下命令发布您的扩展程序：
webstore upload --auto-publish --account email@example.com
这条命令在发布扩展程序时使用您在 accounts 配置中设置的 OAuth2 证书服务器。
结论
在本文中，我们深入了解了如何使用 webstore NPM 包将我们的 Chrome 扩展程序发布到 Chrome 网上应用商店中。使用 webstore NPM 包可以极大地提高我们的工作效率。
示例代码
-- -------------------- ---- ------- ----- -------------- - --------------------------- ----- ----------- - ----------------------------- ----- -------- - ---------------------------- ----- ------------ - ----------------------------- ----- ------------ - ----------------------------- ----- ------- - - ------------ --------- ------------- ------------- ------------ ------ -------------- ------------------- ---- ------------------------------- -- ------------------------------- -- - -------------------- -------------- -- - ------------------- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671078dd3466f61ffde73