首页 > 编程语言 >微信小程序商城源码开发流程|商城小程序源代码完整版

微信小程序商城源码开发流程|商城小程序源代码完整版

时间:2022-12-21 16:33:06浏览次数:42  
标签:商店 微信 程序 token res 源代码 商城

 什么是微信小程序商城源码?

 微信小程序商城源码用于商家发布商品,买家购买商品,跟踪微信商城商家和其他零售商的包裹等一系列网上购物问题。微信小程序商城依靠微信的广大用户群已得到了广泛的使用。

 演示:xcxyms.top

 微信小程序商城三个主要优势:

 来自他们最喜欢的微信商城商店的个人推荐;

 通过在一个地方从购物车到家的实时交付更新更好地跟踪;

 通过微信闪电般快速结账,获得更好的支付体验。

 微信小程序商城源码安装

 1.引用TP5框架为小程序提供接口完成商城项目

 2.yum安装php方式php7.2

 3.nginx配置

  server{
sslon;

listen443;

ssl_certificatewww.kenrou.cn.pem;
ssl_certificate_keywww.kenrou.cn.key;
ssl_session_timeout5m;
ssl_ciphersECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
ssl_protocolsTLSv1TLSv1.1TLSv1.2;
ssl_prefer_server_cipherson;

server_namewww.kenrou.cn;
set$root/var/www/think/think/public;
root/var/www/think/think/public;

error_log/var/log/nginx/think.error.log;
access_log/var/log/nginx/think.access.log;

#此配置用于静态文件配置
#location/static{
# try_files$uri$uri/=404;
#}

location/{
#开启目录浏览功能
#autoindexon;
#关闭详细文件大小统计,让文件大小显示MB,GB单位,默认为b
#autoindex_exact_sizeon;
#开启以服务器本地时区显示文件修改日期
#autoindex_localtimeon;
if(!-e$request_filename){
rewrite^/(.*)$/index.php/$1last;
break;
}
}

#配置PHP的pathinfo
location~.+\.php($|/){
fastcgi_pass127.0.0.1:9001;
fastcgi_indexindex.php;
fastcgi_split_path_info^((?U).+.php)(/?.+)$;
fastcgi_paramHTTPSon;
fastcgi_paramPATH_INFO$fastcgi_path_info;
fastcgi_paramPATH_TRANSLATED$document_root$fastcgi_path_info;
fastcgi_paramSCRIPT_FILENAME$root$fastcgi_script_name;
includefastcgi_params;
}


location~.*\.(jpg|jpeg|gif|png|ico|swf)${
expires3y;
gzipoff;
}
}

 4.数据库备份文件数据库

 部分源码:app.js  

//app.js
App({
onLaunch: function () {
this.login();
},
//登陆
login:function(){
var that = this;
var token = this.globalData.token;
if(token){
//检查token是否存在
wx.request({
url: that.globalData.serverPath +'/wxapplet/member/checktoken',
data:{
token: token
},
method:'GET',
success:function(res){
if(!res.data.success){
this.globalData.token = null;
that.login();
}
}
})
//验证成功,直接登陆后台
return ;
}
//如果不存在token,则需要
wx.login({
success:function(res){
wx.request({
url: that.globalData.serverPath +'/wxapplet/member/login',
data:{code:res.code},
success:function(res){
if(res.data.success){
if (res.data.attributes.token){
that.globalData.token = res.data.attributes.token;
that.globalData.appletMember = res.data.attributes.appletMember;
}else{
that.register();
}
return;
}
else{
wx.hideLoading();
wx.showModal({
title: '提示',
content: '无法登录,请重试',
showCancel: false
})
return;
}
}
})
}
})
},
register:function(){
var that = this;
wx.login({
success:function(res){
var code = res.code;
wx.getUserInfo({
success:function(res){
//将用户信息注册
var iv = res.iv;
var encryptedData = res.encryptedData;
wx.request({
url: that.globalData.serverPath+ '/wxapplet/member/register',
data: { code: code, encryptedData: encryptedData, iv: iv }, // 设置请求的 参数
success: (res) => {
if(res.data.success){
that.login();
wx.hideLoading();
}
else{
wx.showModal({
title: '提示',
content: '服务器出现问题',
showCancel: false
})
}
return ;
}
})

}
})
}
})
},
globalData: {
userInfo: null,
// serverPath: 'http://localhost:8080/yuansheng-weixinshop-server',
serverPath: 'https://www.ysdevelop.cn/yuansheng-weixinshop-server',
token:null,
appletMember: null
}
})

 微信小程序商城的功能

 1.在线订单跟踪

 如果客户使用微信作为电子邮件服务,商城小程序会自动查找带有跟踪编号的电子邮件以识别要跟踪的订单。如果客户使用快递单号等其他服务,客户仍然通过手动添加号码来跟踪订单。商店搜索电子邮件以收集订单信息。

 当商城小程序跟踪订单时,有时它没有足够的信息来显示交货的确切位置。即使在这种情况下,交货状态仍然准确。

 2.使用微信超快速结账

 这就是为什么通过商城小程序进行的所有购买均由微信提供支持,这是微信商城最快的加速结账体验。

 3.特色店铺简介

 客户可以使用商城小程序来关注和查看电子商务商店资料。将订单添加到商城小程序后,相关商店的资料将显示在商城小程序移动应用程序的商店选项卡中。

 当客户在商城小程序中关注微信商城商店时,他们可以查看基于在线商店的热门产品的产品推荐。热门产品是根据商店的销售数据在微信商城中生成的。

 微信商城将其描述和营销为消费者的“您的新购物助手”。这不是没有道理的。从结账到送货,商城小程序提升了整个客户体验。

微信小程序商城源码开发流程|商城小程序源代码完整版_应用程序

 商家如何使用商城小程序?

 一开始,听说微信商城为消费者推出移动购物应用程序可能会让商家感到担忧。微信商城会与自己的商家竞争吗?

 当然不会!相反,微信商城除了加强消费者的移动购物之旅外,还大力支持其商家。它也是一个战略性的入门工具,可以在微信商城与亚马逊、eBay和其他公司的竞争中发挥作用。我将在最后一部分谈到它。但是让我们来看看为商家制作的功能。

 1.微信商城移动应用程序中的商店配置文件

 从这个角度来看,该应用程序实际上就像一个巨大的愿望清单,其中包含用户最喜欢的微信商城商店。用户可以通过在应用程序中搜索来整理他们最喜欢的商店列表。然后,在应用程序的商店部分,商店列表中的产品将被列出。

 这种内置的提要使客户可以轻松浏览最新信息并按位置进行筛选,同时为您带来重复业务。

 微信商城商店移动应用程序

 正如您在左侧屏幕截图中看到的那样,如果商店不支持微信,用户在点击某个商店的产品后将被重定向到Web视图。这对于原生用户体验来说是一个下降,但考虑到这是该应用程序的第一个版本,这是可以理解的。

 不过,好消息是商城小程序是微信商城商店的新市场。这意味着您的产品有了新的展示和更多的销售。

 快速说明一下,目前只有北美品牌可以在应用程序中列出。但很快,它将面向世界各地的所有商家。如果您想详细了解参与该应用程序需要遵循的步骤,请访问微信商城的相关商城小程序Mobile应用程序指南。

 2.购物车推送通知

 它具有您可能熟悉的强大功能。当客户开始下订单但未完成订单时,商城小程序中也可能会显示已放弃的结帐通知。该通知会提示客户返回您的商店以完成订单。

 3.跨设备自动保存客户结账信息

 微信提高了转化率,因为您客户的结账信息会自动保存在不同设备上。通过该增强功能,您可以将回头客的转化率提高18%。

 4.通过实时跟踪减少支持工作量

 您的客户可以在商城小程序中跟踪订单、访问退货政策并查找收据。这种透明度可以建立信任和牢固的客户关系,同时帮助您减少搜索订单的时间。

 商城小程序移动应用程序中的订单跟踪

 帮助您的客户跟踪他们的订单,并在您的订单状态页面上轻松访问商城小程序的通知。

 商城小程序帮助小型企业的一种方式是向客户展示您的企业是否在附近以及您是否提供店内取货服务。有了这个功能集,客户可以轻松找到他们所在地区的企业。

微信小程序商城源码开发流程|商城小程序源代码完整版_应用程序_02

 消费者如何使用商城小程序?

 为您的微信商城商店使用商城小程序有几个要求:

 具有一个实名认证的微信账号;

 通过您的微信商城控制面板启用商城小程序;

 完成上述所有步骤后,您就可以开始搜索需要的商品了。

标签:商店,微信,程序,token,res,源代码,商城
From: https://blog.51cto.com/u_15884693/5959964

相关文章

  • 解锁线上教育服务最佳方式——小程序化!
    伴随着互联网技术的不断更迭和移动设备的更新,在线教育已经成为了当下技术发展的新产物。通过在线教育,消费者能够打破传统教育的时间、空间还有地理位置的限制。使得教育可以......
  • 《程序员修炼之道 从小工到专家》第七章读后感
    第七章为在项目开始之前,共有五节分别是:需求之坑、解开不可能解开的谜题、等你准备好、规范陷阱、圆圈与箭头。在需求之坑中讲在项目开始之前的一些建议。完美,不是在没有什......
  • 《程序员修炼之道 从小工到专家》第六章读后感
    第六章为当你编码时,共有五节分别是:靠巧合编程、算法速率、重构、易于测试的代码、邪恶的向导。靠巧合编程中讲在编码时应该注意的各类事项。传统智慧认为,项目一旦进入编码......
  • 小程序开发与web开发的区别及特殊功能实现
    小程序开发整理使用uni-app跨端开发框架,代码写法与vue2一致。一、与web开发的区别1.运行方式不同npmrundev:mp-weixin后,用微信开发者工具打开dist中工程。2.标......
  • 《程序员修炼之道 从小工到专家》第七章读后感
    第七章为在项目开始之前,共有五节分别是:需求之坑、解开不可能解开的谜题、等你准备好、规范陷阱、圆圈与箭头。在需求之坑中讲在项目开始之前的一些建议。完美,不是在没有什......
  • 《程序员修炼之道 从小工到专家》第五章读后感
    第五章共有五节解耦与得墨忒耳法则、源程序设计、时间耦合、他只是视图、黑板。解耦与得墨忒耳法则中讲把你的代码组织成最小单位(模块),并限制他们之间的交互。如果随后必须......
  • 《程序员修炼之道 从小工到专家》第六章读后感
    第六章为当你编码时,共有五节分别是:靠巧合编程、算法速率、重构、易于测试的代码、邪恶的向导。靠巧合编程中讲在编码时应该注意的各类事项。传统智慧认为,项目一旦进入编码......
  • 程序运行原理:程序是如何运行又是如何崩溃的?
    软件的核心载体是程序代码,软件开发的主要工作产出也是代码,但是代码被存储在磁盘上本身没有任何价值,软件要想实现价值,代码就必须运行起来。那么代码是如何运行的?在运行中可能......
  • 程序控制
    程序控制标签(空格分隔):python目录程序控制程序控制单分支for语句程序控制顺序按照先后顺序一条一条执行分支根据不同的情况判断,条件满足执行某条件下的语句循环......
  • 【运维有小邓】Active Directory的NTFS权限报表程序
    使用此简化的NTFS权限工具分析和优化共享权限和访问控制列表(ACL)。ADManagerPlus是我们的ActiveDirectory管理和报表解决方案,可以兼用作共享文件夹权限报表工具。它提供预......