开源微信商城小程序源码和商城小程序开发

  • Post author:
  • Post category:小程序


近年来,越来越多的人选择在移动端购物,这使得移动端购物系统的功能需求和性能复杂度越来越高。传统的购物APP不足以应对购物系统的频繁变化。因此,迫切需要一种灵活、高效、快捷的移动购物系统。开源微信商城小程序源码就是在这样的背景下诞生的。微信小程序具有免安装、占用内存小、成本低、易扩展等特点。随着网络信息的不断增长,数据过载问题推动了个性化推荐技术的发展。本文在文献研究和实践研究的基础上,设计了一个基于个性化推荐的微信商城小程序源码。

部分源码展示:app.js

演示:xcxyms.top

const jsonApi = require('utils/jsonapi-datastore/dist/jsonapi-datastore.js')
require('utils/polyfill.js')

App({
  onLaunch: function () {
    var that = this
    this.store = new(jsonApi.JsonApiDataStore)
    this.jsonModel = jsonApi.JsonApiDataStoreModel
    this.globalData.code = wx.getStorageSync('code')

    this.getUserInfo(function() {
      that.postEncryptedData(function(res){
        that.globalData.wechatUserType = res.data.wechat_user_type
      })
    })
    this.request({
      url: `${that.globalData.API_URL}/manage_features`,
      success: function(res) { that.globalData.featureManager = res.data }
    })
  },

  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) {
            that.globalData.code = res.code
            wx.setStorageSync('code', res.code)
            wx.getUserInfo({
              success: function (res) {
                that.globalData.encrypted = {encryptedData: res.encryptedData, iv: res.iv}
                that.globalData.userInfo = res.userInfo
                typeof cb == "function" && cb(that.globalData.userInfo)
              }
            })
          } else {
            console.log('获取用户登录态失败!' + res.errMsg)
          }
        }
      })
    }
  },

  request: function(obj) {
    var header = obj.header || {}
    if (!header['Content-Type']) {
      header['Content-Type'] = 'application/json'
    }
    if (!header['Authorization']) {
      header['Authorization'] = this.globalData.token
    }

    // This must be wx.request !
    wx.request({
      url: obj.url,
      data: obj.data || {},
      method: obj.method || 'GET',
      header: header,
      success: function(res) {
        typeof obj.success == "function" && obj.success(res)
      },
      fail: obj.fail || function() {},
      complete: obj.complete || function() {}
    })
  },

  authRequest: function(obj) {
    var that = this
    if (!that.globalData.token) {
      var token = wx.getStorageSync('userToken')
      if (!token) {
        wx.hideToast()
        wx.showModal({
          title: '未登录',
          content: '请前往 “我的” 页面绑定手机号',
          showCancel: false,
          success: function(res) {
            // 清除没用的token
            wx.removeStorage({key: 'userToken'})
            that.globalData.token = undefined
            if (getCurrentPages().length > 1) {
              wx.navigateBack()
            }
          }
        })
        return
      }
      that.globalData.token = token
      that.request({
        url: `${that.globalData.API_URL}/sessions/login`,
        method: 'POST',
        data: {code: that.globalData.code},
        success: function(res) {
          if (!res.data.token) {
            wx.hideToast()
            wx.showModal({
              title: '未登录',
              content: '请前往 “我的” 页面绑定手机号',
              showCancel: false,
              success: function(res) {
                // 清除没用的token
                wx.removeStorage({key: 'userToken'})
                that.globalData.token = undefined
                if (getCurrentPages().length > 1) {
                  wx.navigateBack()
                }
              }
            })
          } else {
            that.globalData.currentCustomer = res.data.customer
            that.globalData.token = res.data.token
            wx.setStorage({
              key: 'userToken',
              data: res.data.token
            })
            that.request(obj)
          }
        },
        fail: function(res) {}
      })
    } else {
      that.request(obj)
    }
  },

  postEncryptedData: function (resolve) {
    this.request({
      method: 'POST',
      url: `${this.globalData.API_URL}/sessions/wechat_user_type`,
      data: {
        code: this.globalData.code,
        encrypted: this.globalData.encrypted,
        userInfo: this.globalData.userInfo
      },
      success: resolve,
      fail: function(res) {}
    })
  },

  globalData:{
    wechatUserType: 'normal',
    featureManager: {},
    userInfo: null,
    currentCustomer: null,
    // API_URL: 'http://localhost:3000',
    API_URL: 'https://rapi.bayekeji.com'
  }
})
Footer



商城小程序实现的功能

系统分为用户登录、商品信息展示、商品分类、购物车、订单支付、个人信息管理、个性化推荐七大功能模块。系统采用分层架构设计,模块通过调用API接口实现相应的功能。其中,个性化推荐模块采用基于协同过滤的推荐算法分析用户行为,针对四种不同场景进行推荐。本文设计的系统能够满足用户的购物需求,提供贴心的推荐服务,提高购物效率,增加购物乐趣,满足用户的个性化生活。订单支付、个人信息管理和个性化推荐。系统采用分层架构设计,模块通过调用API接口实现相应的功能。其中,个性化推荐模块采用基于协同过滤的推荐算法分析用户行为,针对四种不同场景进行推荐。

1.根据过去的购物行为定制产品推荐

购买个性化建议

重复购买通常比新客户购买具有更高的利润率和更低的购买成本。微信商城小程序通过用户独有的个性化购物反馈,帮助赢得更多这些至关重要的回头客。

根据用户过去的浏览和购买行为,提要显示定制的产品推荐、销售和来自客户喜爱品牌的新产品。在单个应用程序的一个屏幕内,用户可以快速从他们最喜爱的商店中看到与他们最相关的新内容,而无需单独访问每个零售商的网站,这会带来非常愉快的用户体验。

2.能够轻松找到并支持附近的企业

购买推荐产品

近年来,“店铺本地”运动越来越受欢迎,新冠肺炎只更加强调支持社区企业的紧迫性。然而,尽管购物者最想支持当地商家,但目前仍面临着一个挑战,即要查明谁在营业、他们的营业时间是否发生了变化、谁在发货、谁在路边取车等等。

微信商城小程序让用户很容易找到附近的零售商,并查看他们提供的服务。客户可以检查商家是否快速发货,如果他们不想等待发货,可以选择店内/路边提货。

3.更快结账

商店照明快速结账

近25%的购物者表示,他们过早放弃了网上订单,因为结账过程太长或太复杂。使用微信商城小程序,闪电般的快速结账体验可以节省您可能因放弃而损失的销售额。

它通过集成微信商城小程序来工作。任何时候,客户在使用微信商城小程序 的商店购物时,他们的详细信息都会保存下来,以便将来即时结账——不仅是在该零售商,而且是在任何使用该界面的零售商那里。

4.实时订单跟踪

商店实时跟踪

随着电子商务的兴起,网上商店的浏览和购买行为大幅上升。所有这些在线购物都意味着消费者正在处理来自多家商店的购买信息,所有这些商店都使用不同的运营商和不同的通知系统——换句话说,这是一个令人头疼的问题。商店在一个地方向客户提供他们从所有商家订购的所有商品的准确、最新发货更新。这种便利有助于积极的品牌体验,透明度有助于在许多购物者对订单状态感到一无所知的时候建立信任。





如何开始使用微信商城小程序

您可以做两件事来利用微信商城小程序:在提要中展示您的商店和产品,并为您的客户启用微信商城小程序功能。

如果你想在微信商城小程序中看到你的商店和产品,第一步是检查你是否已经登录。微信商城小程序正在努力将所有微信商城小程序品牌添加到应用程序中,因此您可能已经被包括在内,而无需采取任何行动。如果你搜索应用程序,但没有找到你的商店,你可以在这里将自己添加到等待名单中。

开源微信商城小程序源码能够满足用户的购物需求,提供贴心的推荐服务,提高购物效率,增加购物乐趣,满足用户的个性化生活。订单支付、个人信息管理和个性化推荐。系统采用分层架构设计,模块通过调用API接口实现相应的功能。其中,个性化推荐模块采用基于协同过滤的推荐算法分析用户行为,针对四种不同场景进行推荐。本文设计的系统能够满足用户的购物需求,提供贴心的推荐服务,提高购物效率,增加购物乐趣,满足用户的个性化生活。个性化推荐模块采用基于协同过滤的推荐算法分析用户行为,针对四种不同场景进行推荐。本文设计的系统能够满足用户的购物需求,提供贴心的推荐服务,提高购物效率,增加购物乐趣,满足用户的个性化生活。个性化推荐模块采用基于协同过滤的推荐算法分析用户行为,针对四种不同场景进行推荐。


结语

微信商城小程序源码能够满足用户的购物需求,提供贴心的推荐服务,提高购物效率,增加购物乐趣,满足用户的个性化生活。赶紧也来试试吧!



版权声明:本文为kjiuyiup原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。