前言
微信 JSSDK 对于开发者来说是一个相当不错的工具，但是使用起来却并不是很方便。最近发现了一个 npm 包 es-jweixin，能够在微信内嵌网页中调用微信 JS-SDK 的接口，可以让开发者更加方便地使用微信 JSSDK 的功能。本文主要介绍如何使用 es-jweixin 来完成微信 JSSDK 功能的开发。
安装
在使用 es-jweixin 之前，我们需要先安装它。在控制台中打开项目所在的目录，运行以下命令：
npm install es-jweixin --save
其中 --save 表示将该包保存到项目中，可以在 package.json 文件中看到。这样可以方便其他人在本地 clone 代码时不需要重复安装该包。
使用
在安装完成后，我们需要在代码中引入 es-jweixin 包。在需要使用微信 JSSDK 功能的模块中，如下引入：
import Jweixin from 'es-jweixin'; const wx = new Jweixin();
这样我们就可以使用 wx 对象来进行微信 JSSDK 相关功能的开发。下面将介绍一些常用功能的使用方法。
异步配置
跟微信公众平台后台获取的配置信息不一样，微信 JS-SDK 需要在当前页面动态注入配置，而不是在公众号后台配置好。在 es-jweixin 中，我们可以使用以下方法来实现异步配置：
-- -------------------- ---- -------
----- -------- -------- -
----- ------ - ----- ------------------------------- - ---- -------------------- ---
-----------
------ ------
---------
---
-
---------以上代码为异步获取配置信息并进行微信 JSSDK 配置的示例。注意，异步配置必须在第一次调用 wx 对象前完成，否则会出现错误。
分享功能
在微信内嵌网页中，用户经常需要分享当前页面。微信 JSSDK 提供了一个分享接口，实现非常方便。在 es-jweixin 中，我们可以使用以下方法来实现分享功能：
-- -------------------- ---- -------
----- -------- ------- -
----- --------- - ----- ------------------------------- - ---- -------------------- ---
------------------- -
----------------------------
------ ----------------
----- ---------------
------- ----------------
---
------------------------------
------ ----------------
----- ---------------
----- ---------------
------- ----------------
---
---
-
--------以上示例代码为异步获取分享信息并进行分享功能的示例。
JS-SDK 指南
微信官方提供了 JS-SDK 的使用文档，可以在官方网站找到。建议在使用 es-jweixin 时将文档仔细阅读并进行理解，可以更好地完成开发工作。
总结
es-jweixin 是一个很好的可以在微信内嵌网页中调用微信 JSSDK 的 npm 包。它提供了方便的 API，可以让开发者更加轻松地集成微信 JSSDK 功能。在使用时需要注意异步配置和文档的理解，这将有助于更好地完成开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562b381e8991b448dff2b