欢迎光临,了解微信小程序开发,就上易用通!

面向新手《二十五》openID的获取,将接口数据打印出来

发布:2018-02-01 17:19浏览: 来源:网络 作者:cola

一:openid的获取

 


折腾到半夜,搞得挺兴奋,总结一下,免得忘了:

1、微信小程序直接获得的是一些简单信息,基本无用

2、用户唯一标识是openid,还有一个unionid是关联多个公众号之类情况下用,我不大关心

3、在getUserInfo的返回数据中,有加密信息,

  1. wx.getUserInfo({
    success: function(res) {
    }
    })

res包括userInfo,iv,rawData,signature,encryptedData,这些东西的关系比较复杂,我理解是这样的:

1)userInfo包括简单的用户信息

2)重要信息在encryptedData中,解开后包括:

面向新手《二十五》openID的获取,将接口数据打印出来(图1)

3)要解开的话,需要密文-encryptedData,向量-iv,密钥-session-key。密钥这里没有。

4)rawData,signature是来做校验的,不太关心

4、session-key的获取方式:

1)登录成功后,传给回调的参数包括一个code,但这个code会很快失效

2)通过调用

 

在浏览器中测试没有问题,但是,在小程序中也不能运行,因为小程序只能访问认证过的服务器。换言之,必须要把这个东西放到服务器上,从微信中去调用服务器的页面,服务器的页面再去访问这个接口,然后再把数据反馈回来。

道理搞明白其实就很简单了,获得了openid,其实也没用必要再去解密了,因为那里除了openid,也没啥想要的东西。

 

二:获取数据把数据打印出来

 

面向新手《二十五》openID的获取,将接口数据打印出来(图2)

第一现在app.js 赋值 如:  app.js文件

 

				
  1. App({
    globalData: {
    //资讯接口
    zixu_url: "https://192.168.1.107:8080/ls/api/client/info/list",
    //资讯id接口
    info_url:"https://192.168.1.107:8080/ls/api/client/info/id/",
    // 资讯详情id 的评论数据接口
    admin_comment:"https://192.168.1.107:8080/ls/api/client/comment/list/info/"
    
    }
    })

index.js文件

 

				
  1. onLoad:function(){
    // 生命周期函数--监听页面加载
    //'?page=0'+'&size=5' 展示前五条
    var zix_data= app.globalData.zixu_url+'?page=0'+'&size=5';
    
    this.getMovieListData(zix_data)
    // console.log(postList)
    }
    getMovieListData: function (url) {
    var that = this;
    
    wx.request({
    url: url,
    method: 'post', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
    header: {
    'content-type': 'application/json'
    },
    success: function (res) {
    
    that.setData({
    postList:res.data.objects,
    });
    );
    }
    
    },
    fail: function (error) {
    // fail
    console.log(error)
    }
    })
    }

index.wxml文件

 

				
  1. <!--pages/index/index.wxml-->
    <import src="zix-template/zix-template.wxml" />
    <!--<import src="/pages/posts/post-item/post-item-template.wxml" />-->
    
    <scroll-view class='container' bindscrolltolower="lower" scroll-x='true' scroll-y='true'>
    
    <block wx:for="{{postList}}" wx:for-item="item" >
    <!--//template-->
    <view ">
    <view class='zix_template'>
    <image class='zix_img' src="{{coverImage}}"></image>
    <text class='zix_tilte'>{{title}} </text>
    </view>
    </view>
    </block>
    </scroll-view>





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。