首頁 > 微信小程式 > 小程式開發 > 關於微信小程式的商城開發(ecshop )

關於微信小程式的商城開發(ecshop )

不言
發布: 2018-06-23 10:12:49
原創
4790 人瀏覽過

這篇文章主要介紹了微信小程式商城開發(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)

#取得目前的地理位置、速度。當使用者離開小程式後,此介面無法呼叫;當使用者點擊「顯示在聊天頂部」時,此介面可繼續呼叫。
具體實例程式碼:


以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!

相關推薦:

微信小程式中購物車的簡單實例

######微信小程式如何實作美團選單##################################

以上是關於微信小程式的商城開發(ecshop )的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板