在微信分享之后，默认的样子是如下我们希望得到的样子是这样那么如何实现，现在记录一下先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”，这里的安全域名是你的要分享的H5的域名备注登录后可在“开发者中心”查看对应的接口权限在需要调用JS接口的页面引入如下JS。

JS代码如下var imgUrl = quot图片LOGO注意必须是绝对路径quot var lineLink = quot网站网址，必须是绝对路径quot var descContent = #39分享给朋友或朋友圈时的文字简介#39var shareTitle = #39标题#39 var appid = #39#39 apiID，可留空function shareFriend WeixinJSBridgeinvoke#39sendAppMessage#39，quot。

通过使用微信JSSDK，网页开发者可借助微信高效地使用拍照选图语音位置等手机系统的能力，同时可以直接使用微信分享扫一扫卡券支付等微信特有的能力，为微信用户提供更优质的网页体验 例子为在vue中使用微信JSSDK，步骤如下先登录微信公众平台进入“公众号设置”的“功能设置”里填写“。

ticket， $nonceStr， $timestamp，#39要分享的url从。

binticketgetticket？access_token=15_WIBgB3rlDJbZH32IaPO27tMxooyLVSqnkWUBhX5k9ZahuNwrokcJOnT_qA26R7xt55XAqww0IK7pOHjS_LLvo2DVdMrt3V6_gJq6qmRNWemBdqtL6woXCDF8mqaGnCjXvoeCBIF1ImVskFPPWdAJAJJQtype=jsapi。

获取微信jssdk，用于分享 vm$ url locationhref thenres = res = resdata vm$uvuex#39vuex_jssdk#39， resconsolelogresjweixinconfig debug resdebug， 开启调试模式，调用的所有api的返回值会在客户端alert出来，若要查看传入的参数。

注入权限用的 要使用微信的JS接口必须要注入权限，而注入权限比如要有appid参数 如config debug true， 开启调试模式，调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印 appId #39#39， 必填，公众号。