微信小程序 商城开发（ecshop ）简单实例

最近小程序特别火，所以我们公司也针对ecshop平台对接了小程序

包括完整的用户系统和购物体统

用户系统：收货地址，订单管理，消息管理，优惠券管理等等

购物系统支付购物车管理，微信支付等等

相信有很多小伙伴都用的是ecshop作为自己的商城，最近小程序又火了，于是就有人问ecshop对接小程序怎么做。

正好最近在开发一个对接ecshop的小程序项目，就将我的一些开发经验分享一下。

一：扫描小程序二维码后的用户信息的获取和缓存

获取用户信息需要用到两个api

wx.login(OBJECT)

调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）。用户数据的加解密通讯需要依赖会话密钥完成。

wx.getUserInfo(OBJECT)

获取用户信息，需要先调用 wx.login 接口。

获取缓存需要用到的api

wx.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。

下面就是具体实例代码：

我们可以将这段写在公共的app.js页面

//app.js
App({
 onLaunch: function() {
 },
 getUserInfo: function (cb) {
 var that = this
 if (this.globalData.userInfo) {
  typeof cb == "function" && cb(this.globalData.userInfo)
 } else {
  //调用登录接口
  wx.login({
  success: function (res) {
   if (res.code) {
   var userid = wx.getStorageSync('scuserid')
   var sc_session_id = wx.getStorageSync('sc_session_id')
   var openid = wx.getStorageSync('sc_session_id')
   if(!userid){
     wx.request({
     url: 'xxxx/data.php?action=sendCode',
     data: {
      code: res.code,
     },
     success: function (res) {
      //console.log(res)
      var status = res.data.status
      if(status == 1){
       wx.showToast({
       title: res.data.message,
       icon: 'success',
       duration: 2000
       })
      }else if(status == 2){
       var scuserid = res.data.userid
       if(scuserid > 0){
        //缓存user_id
        wx.setStorageSync('scuserid', scuserid)
        wx.setStorageSync('openid', res.data.openid)
        wx.setStorageSync('sc_session_id', res.data.session_id)
       }
      }else{
       //缓存session_id
       wx.setStorageSync('openid', res.data.openid)
       wx.setStorageSync('sc_session_id', res.data.session_id)
       //获取用户信息
       wx.getUserInfo({
       success: function (res) {
        that.globalData.userInfo = res.userInfo
        typeof cb == "function" && cb(that.globalData.userInfo)
        //console.log(res);
        wx.request({
        url: 'xxxx/data.php?action=saveUserInfo',
        data: {
         userinfo: res.userInfo,
         openid: wx.getStorageSync('openid'),
        },
        success: function (res) {
         //console.log(res.data)
         var status = res.data.status
         if(status == 1){
          wx.showToast({
           title: res.data.message,
           icon: 'success',
           duration: 2000
          })
         }else{
          var scuserid = res.data.userid
          if(scuserid > 0){
          //缓存user_id
          wx.setStorageSync('scuserid', scuserid)
          }
         }
        }
        })
       }
       })
      }
     }
     })
   }
   }
  }
  })
 }
 },
 globalData: {
 userInfo: null
 }
})

二：获取微信用户的信息以及如何将用户信息缓存起来

要获取用户的地理信息则要用到

wx.getLocation(OBJECT)

获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用；当用户点击“显示在聊天顶部”时，此接口可继续调用。

具体实例代码：

//获取纬度，经度
 wx.getLocation({
  type: 'wgs84',
  success: function (res) {
  var latitude = res.latitude
  var longitude = res.longitude
  wx.request({
   url: 'http://XXXXXX/data.php?action=get_dq',
   data: {
   latitude: latitude,
   longitude: longitude
   },
   headers: {
   'Content-Type': 'application/json'
   },
   success: function (res) {
   //console.log(res.data)
   var province = res.data.result.addressComponent.province
   //console.log(province)
   var city = res.data.result.addressComponent.city
   var district = res.data.result.addressComponent.district
   var diqu = province+city+district
   //缓存当前所在地区
   wx.setStorageSync('dq_diqu', diqu)
   wx.setStorageSync('dq_district', district)
   }
  })
  }
 })
if($act=="get_dq"){
 //获取当然城市
 //http://api.map.baidu.com/geocoder/v2/?ak=327381a342077a8f3d584251b811cce5&callback=renderReverse&location=30.593099,114.305393&output=json
 //纬度
 $latitude = $_REQUEST['latitude'];
 //经度
 $longitude = $_REQUEST['longitude'];
 $url = 'http://api.map.baidu.com/geocoder/v2/?ak=327381a342077a8f3d584251b811cce5&location='.$latitude.','.$longitude.'&output=json';
 $result = file_get_contents($url);
 exit($result);
}

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！