黔优媒体网-软文媒体自助发稿平台!
  1. 行业资讯
  2. 正文

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

来源:黔优媒体网   时间:2024-09-19

这篇文章主要介绍了微信小程序 商城开发(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( #39;scuserid #39;) 
 var sc_session_id = wx.getStorageSync( #39;sc_session_id #39;) 
 var openid = wx.getStorageSync( #39;sc_session_id #39;) 
 if(!userid){ 
 wx.request({ 
 url: #39;xxxx/data.php?action=sendCode #39;, 
 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: #39;success #39;, 
 duration: 2000 
 }else if(status == 2){ 
 var scuserid = res.data.userid 
 if(scuserid 0){ 
 //缓存user_id 
 wx.setStorageSync( #39;scuserid #39;, scuserid) 
 wx.setStorageSync( #39;openid #39;, res.data.openid) 
 wx.setStorageSync( #39;sc_session_id #39;, res.data.session_id) 
 }else{ 
 //缓存session_id 
 wx.setStorageSync( #39;openid #39;, res.data.openid) 
 wx.setStorageSync( #39;sc_session_id #39;, 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: #39;xxxx/data.php?action=saveUserInfo #39;, 
 data: { 
 userinfo: res.userInfo, 
 openid: wx.getStorageSync( #39;openid #39;), 
 success: function (res) { 
 //console.log(res.data) 
 var status = res.data.status 
 if(status == 1){ 
 wx.showToast({ 
 title: res.data.message, 
 icon: #39;success #39;, 
 duration: 2000 
 }else{ 
 var scuserid = res.data.userid 
 if(scuserid 0){ 
 //缓存user_id 
 wx.setStorageSync( #39;scuserid #39;, scuserid) 
 globalData: { 
 userInfo: null 
})

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

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

wx.getLocation(OBJECT)

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

具体实例代码:

//获取纬度,经度 
 wx.getLocation({ 
 type: #39;wgs84 #39;, 
 success: function (res) { 
 var latitude = res.latitude 
 var longitude = res.longitude 
 wx.request({ 
 url: #39;http://XXXXXX/data.php?action=get_dq #39;, 
 data: { 
 latitude: latitude, 
 longitude: longitude 
 headers: { 
 #39;Content-Type #39;: #39;application/json #39; 
 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( #39;dq_diqu #39;, diqu) 
 wx.setStorageSync( #39;dq_district #39;, 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[ #39;latitude #39;]; 
 //经度 
 $longitude = $_REQUEST[ #39;longitude #39;]; 
 $url = #39;http://api.map.baidu.com/geocoder/v2/?ak=327381a342077a8f3d584251b811cce5 location= #39;.$latitude. #39;, #39;.$longitude. #39; output=json #39;; 
 $result = file_get_contents($url); 
 exit($result); 
}

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

相关推荐:

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

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

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

微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!


【免责申明】黔优媒体网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优媒体网官方立场,请读者仅做参考,本文标题:关于微信小程序的商城开发(ecshop );欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法/违规的内容,请您立即联系我们及时修正或删除。(邮箱号: kefu@qianu.com)