這篇文章主要介紹了微信小程式商城開發（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);
}登入後複製
以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！ 相關推薦：
微信小程式中購物車的簡單實例
######微信小程式如何實作美團選單##################################以上是關於微信小程式的商城開發（ecshop ）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
