1.0.3 • Published 3 years ago

wl-wxshare v1.0.3

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

自定义微信分享

使用方法

npm install @stl/wxShare

ts:
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    import { WXShare } from "@stl/wxShare"
    let share = new WXShare({
         ajaxUrl:""
        title:""
        desc:""
        imgUrl:""
        link:""
        data:""
        friendFn:()=>{}
        cancelFriendFn:()=>{}
        circleFn:()=>{}
        cancelCircleFn:()=>{}
        ajaxErrorFn:()=>{}
        shareErrorFn:()=>{}
    })

参数说明

  ajaxUrl:string//获取微信分享配置的请求地址   
  title?:string//分享标题 默认为""  
  desc?:string//分享描述 默认为""  
  imgUrl?:string//分享图 默认为""  
  link?:string//分享地址 默认为当前页面地址  
  data?:any//获取微信分享配置的请求参数 默认为{ pageurl: this.linke}  
  friendFn?:()=>void//分享给好友成功后的回调 默认为null  
  cancelFriendFn?:()=>void//取消分享给好友的回调 默认为null  
  circleFn?:()=>void//分享到朋友圈成功后的回调 默认为null  
  cancelCircleFn:()=>void//取消分享到朋友圈的回调 默认为null  
  ajaxErrorFn?:(err:any)=>void//请求错误的回调 默认为null  
  shareErrorFn?:(err:any)=>void//分享错误的回调 默认为null  

备注

详细配置说明
白名单配置说明

1)需要一个已认证过的微信公众号  
2).公众号平台配置  
    1.公众号设置-功能设置-JS接口安全域名(填写的域名须通过ICP备案的验证)  
	相关域下的服务器根目录配置指定文件(配置域名里有下载)    
    2.白名单配置 请登录“微信公众平台-开发-基本配置”提前将服务器IP地址添加到IP白名单中,点击查看设置方法,否则将无法调用成功。**小程序无需配置IP白名单。  
    3.基本配置-配置公众号的secretKey、白名单参数,复制appId备用    
    4.开发者工具-在线接口调试-填写appId+appsecret,检查获取结果