首页 > 编程 > JavaScript > 正文

微信小程序 商城开发(ecshop )简单实例

2019-11-19 16:53:23
字体:
来源:转载
供稿:网友

最近小程序特别火,所以我们公司也针对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); }

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表