微信 jssdk 看着文档简单总结

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 17:53   2049   0
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>微信JS-SDK</title>
</head>
<body>
    <script src="{{ asset('js/jquery-1.11.2.min.js') }}"></script>
 <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
 <script type="text/javascript" charset="utf-8">

  /*
   1.通过config接口注入权限验证配置
   2.开启 'debug: true' 调试模式
    1>调用所有的api的返回值,会在客户端 alert 出来
    2>若要查看传入的参数,可以在PC端打卡,参数信息会通过log打出,仅在PC端时才会打印
   */ 
     wx.config({
      debug: true,  // 调试模式
      appId: '',   // 公众号app_id
      timestamp: '',  // 生成签名的时间戳
      nonceStr: '',  // 生成签名的随机串
      signature: '',  // 签名
      jsApiList: [],  // 需要使用的JS接口列表
     });

     /*
      1.config信息验证后,会执行 ready() 方法。所有的接口调用,都必须在config信息验证后,才可执行。
      2.所以,有的接口,想在页面加载完毕,自动调用,就必须放在这里!
      3.对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中
      */ 
     wx.ready(function(){

     });

     // config信息验证失败,会执行 error() 方法
     wx.error(function(){

     });

     /*
      1.所有接口,都通过 'wx对象' 来调用(也可使用 'jWeixin对象')

      2.每个接口的参数,都是一个 {}-对象

      3.每个接口除了自身的参数外,具有以下通用参数: 
       1>success - 接口调用成功时,执行的回调函数
       2>fail - 接口调用失败时,执行的回调函数
       3>commplete - 接口调用完成时,执行的回调函数(无论成功或失败,都执行)
       4>cancel - 用户点击取消时,执行的回调函数(仅支持部分接口)
       5>trigger - 监听 'Menu' 中的按钮点击时,执行的方法(仅支持 'Menu' 中的相关接口)
        warning:
         不要尝试在trigger中使用ajax异步请求修改本次分享的内容,因为客户端分享操作是一个同步操作,这时候使用ajax的回包会还没有返回

      4.上面几个函数,都有一个 '参数',类型为 {}-对象,除了接口本身返回的数据外,还具有通用属性:
       errMsg - 错误相关
    以 'onMenuShareTimeline' 接口为例:
        success - onMenuShareTimeline:ok
        cancel - onMenuShareTimeline:cancel
        fail - 具体错误信息
      */

     // 判断当前客户端版本是否支持指定JS接口
     wx.checkJsApi({
      jsApiList: [],  // 需要检测的JS接口列表
      success: function(res){
       // {"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"} 
      }
     });

     // 分享到朋友圈
     wx.onMenuShareTimeline({
      title: '',
      link: '',
      imgUrl: '',
      success: function(){

      },
      cancel: function(){

      },
     });

     // 分享给朋友
     wx.onMenuShareAppMessage({
      title: '',    // 分享标题
      desc: '',    // 分享描述
      link: '',    // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: '',    // 分享图标
      type: '',    // 分享类型:music | video | link,默认为:link
      dataUrl: '',   // 如果type为:music | video,则要提供数据,默认为:空
      success: function(){

      },
      cancel: function(){

      },
     });

     // 分享到QQ
     wx.onMenuShareQQ({
      title: '',
      desc: '',
      link: '',
      imgUrl: '',
      success: function(){

      },
      cancel: function(){

      },
     });

     // 分享到 '腾讯' 微博
     wx.onMenuShareWeibo({
      title: '',
      desc: '',
      link: '',
      imgUrl: '',
      success: function(){

      },
      cancel: function(){

      },
     });

     // 分享到QQ空间
     wx.onMenuShareQZone({
      title: '',
      desc: '',
      link: '',
      imgUrl: '',
      success: function(){

      },
      cancel: function(){

      },
     });

     // 关闭当前网页窗口
     wx.closeWindow();

     /*
      所有菜单项列表:
       基本类:
        举报 - menuItem:exposeArticle
        调整字体 - menuItem:setFont - 
        日间模式 - menuItem:dayMode
     夜间模式 - menuItem:nightMode
     刷新 - menuItem:refresh
     查看公众号(已添加) - menuItem:profile
     查看公众号(未添加) - menuItem:addContact

    传播类 - 
     发送给朋友 - menuItem:share:appMessage
     分享到朋友圈 - menuItem:share:timeline
     分享到QQ - menuItem:share:qq
     分享到Weibo - menuItem:share:weiboApp
     收藏 - menuItem:favorite
     分享到FB - menuItem:share:facebook
     分享到 QQ 空间/menuItem:share:QZone

    保护类 - 
     编辑标签 - menuItem:editTag
     删除 - menuItem:delete
     复制链接 - menuItem:copyUrl
     原网页 - menuItem:originPage
     阅读模式 - menuItem:readMode
     在QQ浏览器中打开 - menuItem:openWithQQBrowser
     在Safari中打开 - menuItem:openWithSafari
     邮件 - menuItem:share:email
     一些特殊公众号 - menuItem:share:brand
      */

     // 批量隐藏功能按钮
     wx.hideMenuItems({
      menuList: [], // 要隐藏的菜单项,只能隐藏 '传播类' 和 '保护类' 
     });

     // 批量显示功能按钮
     wx.showMenuItems({
      menuList: [], // 要显示的菜单项
     });

     // 隐藏所有非基础按钮(基本类)
     wx.hideAllNonBaseMenuItem();

     // 显示所有非基础按钮
     wx.showAllNonBaseMenuItem();
 </script>
</body>
</html>

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP