vue cli引入微信sdk,完成微信接口调用——初始化签名调用微信接口（七）

最新推荐文章于 2024-07-23 10:04:48 发布

Museions

最新推荐文章于 2024-07-23 10:04:48 发布

阅读量2.1k

点赞数 1

分类专栏： Vue开发微信公众号文章标签：微信sdk vue

本文解决了你的问题吗？转载注明链接,帮助更多人。

本文链接：https://blog.csdn.net/museions/article/details/79508247

版权

Vue开发微信公众号专栏收录该内容

10 篇文章 15 订阅

订阅专栏

当应用有了access_token和jsapi_ticket后，在任意需要调用微信接口的页面实现签名逻辑。来初始化微信接口调用。

代码如下：

getSignature(){ //初始化签名
      var url = location.href.split('#')[0];
      this.$http.post('weixin/getsign',{jsapi_ticket:Bus.jsapi_ticket,url:url},r=>{
          if(r.code==200){
              var config = this.$wechat.sign(r.data);
              this.$wechat.init(config,err=>{})
          }else{
              alert('微信签名获取失败')
          }
      },r=>{})
    },

getImgFile(){//调用微信图片接口
      this.$wechat.imgServise(r=>{
        this.carImg = r.localIds[0];
      },reserver=>{
        var serverId = reserver.serverId;
        this.$http.get('weixin/downloadImage?serverId='+serverId,null,r=>{
          this.vehicle.vehiclePicture = r.data;
        })
      })
    },