vue 项目中使用微信jssdk自定义分享

vue项目的页面，要在微信中打开的时候能够分享出去的时候自定义。没有自定义，使用微信默认的分享，显示的是内容都是默认的页面标题和链接，图片部分一般也是灰色的。使用微信的jssdk可以自定义这些内容。这里直说前端需要做的工作。

1.安装

vue项目是用vue-cli搭建的，首先安装插件。插件名字是weixin-js-sdk，有的是用npm的方法安装，我是使用vue ui出来的视图化窗口上操作安装的（vue-cli3版本可以让之前用命令运行项目安装插件等在视图化的窗口上操作，更便捷，直接点击按钮操作。）

使用视图化操作方法是：在命令窗口打开搭建好的vue项目，输入vue  ui，回车，稍等。当视图化启动成功之后如图2,这是会在你的默认浏览器中自动打开一个页面，这个就是视图化的操作页面，如图3.

图1

图2

图3

之前用命令行执行的安装插件，删除插件，运行，编译等命令现在都可以直接点击按钮操作，非常便捷。如果要安装微信jssdk插件，点击左侧依赖——安装依赖，在弹出的框中输入插件名字就可安装了。