重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

关于微信小程序的商城开发(ecshop )

时间:2020-09-08 00:00:09 作者:重庆seo小潘 来源:
这篇文章主要介绍了微信小程序 商城开发(ecshop )简单实例的相关资料,需要的朋友可以参考下 最近小程序特别火,所以我们公司也针对ecshop平台对接了小程序 包括完整的用户系统和购物体统 用户系统:收货地址,订单管理,消息管理,优惠券管理等等 购物系统

这篇文章主要介绍了微信小程序 商城开发(ecshop )简单实例的相关资料,需要的朋友可以参考下

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

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

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

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

关于微信小程序的商城开发(ecshop )

关于微信小程序的商城开发(ecshop )

关于微信小程序的商城开发(ecshop )

关于微信小程序的商城开发(ecshop )

关于微信小程序的商城开发(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 = thisif (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.statusif(status == 1){wx.showToast({title: res.data.message,icon: 'success',duration: 2000})}else if(status == 2){var scuserid = res.data.useridif(scuserid > 0){//缓存user_idwx.setStorageSync('scuserid', scuserid)wx.setStorageSync('openid', res.data.openid)wx.setStorageSync('sc_session_id', res.data.session_id)}}else{//缓存session_idwx.setStorageSync('openid', res.data.openid)wx.setStorageSync('sc_session_id', res.data.session_id)//获取用户信息wx.getUserInfo({success: function (res) {that.globalData.userInfo = res.userInfotypeof 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.statusif(status == 1){wx.showToast({title: res.data.message,icon: 'success',duration: 2000})}else{var scuserid = res.data.useridif(scuserid > 0){//缓存user_idwx.setStorageSync('scuserid', scuserid)}}}})}})}}})}}}})}},globalData: {userInfo: null} })

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

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

wx.getLocation(OBJECT)

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

具体实例代码:

//获取纬度,经度wx.getLocation({type: 'wgs84',success: function (res) {var latitude = res.latitudevar longitude = res.longitudewx.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.cityvar district = res.data.result.addressComponent.districtvar 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); }

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

微信小程序中购物车的简单实例

微信小程序如何实现美团菜单

以上就是关于微信小程序的商城开发(ecshop )的详细内容,更多请关注小潘博客其它相关文章!