尊敬的会员   
网站首页 >> 新闻 >> 文章内容

[宝塔版] 如何搭建一个微信小程序开源商城?

[日期:2023-11-07]   来源:  作者:   阅读: 0[字体: ]
电商开源系统的相关配置,有相关基础的小伙伴那阅读起来就很容易了,没有基础也没有关系,你可以跟着我一步一步来,零基础看了也会。文章篇幅长图片较多,主要分为六个部分,需要耐心阅读。

    关于云服务器选购安装宝塔面板和服务器端口设置域名备案绑定服务器解析注册微信小程序下载电商平台源码微信小程序开源商城设置

    1.关于云服务器选购

    首先你要选一个云服务器,国内的两大服务器商阿里云和腾讯云,或者其他的云服务商都可以,对新用户也有很多优惠,这里我选择了阿里云的轻量应用服务器(俗称为学生机),24岁以下都有学生优惠噢,选择你的云服务器的环境,系统镜像,你可以选择CentOS或者Ubuntu,CentOS更稳定。如果你只是在本地安装的话建议你使用phpstudy做试验,相关教程请访问phpstudy官网或者安装教程,如下图所示[宝塔版] 如何搭建一个微信小程序开源商城?

    购买成功后访问你的阿里云轻量应用服务器管理控制台,打开等待服务器初始化完成。进行站点设置,绑定域名(没有域名可以不着急购买,可以先使用你的ip地址)域名解析,服务器端口设置等

    [宝塔版] 如何搭建一个微信小程序开源商城?

    2.安装宝塔面板和服务器端口设置

    Linux/Windows服务器运维管理面板,可视化界面管理,容易上手,你可以访问宝塔官网了解详情或者继续往下翻,Centos复制命令直接安装,打开阿里云开端口教程,先在阿里云服务器安全设置,开通端口,例如放通888端口 ,注意宝塔端口如下图所示

    [宝塔版] 如何搭建一个微信小程序开源商城?

    [宝塔版] 如何搭建一个微信小程序开源商城?

    按上图进行设置,然后根据阿里云开端口教程,依次打开需要的端口,设置好相关端口后我们打开远程链接

    [宝塔版] 如何搭建一个微信小程序开源商城?

    在终端输入安装命令Centos宝塔面板的安装命令,复制下面的代码,然后回车

    yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

    [宝塔版] 如何搭建一个微信小程序开源商城?

    [宝塔版] 如何搭建一个微信小程序开源商城?

    输入y确认回车,然后直到如图下所示就说明安装成功了。

    [宝塔版] 如何搭建一个微信小程序开源商城?

    然后打开网址输入账号和密码登陆面板开始安装环境,后续相关版本可以在面板里的软件商店自由选择。

    [宝塔版] 如何搭建一个微信小程序开源商城?

    安装需要一段时间,你可以继续熟悉面板,记得修改面板的密码和端口

    [宝塔版] 如何搭建一个微信小程序开源商城?

    宝塔安装完成后,在面板中“安全”设置里放通端口,例如80,443,3306这些,一定要和你的云服务器的安全端口对应

    3.域名备案绑定服务器解析

    把购买的域名绑定你的云服务器,添加域名,设置好DNS解析,否则你的域名将无法正常访问。然后把域名备案,实名认证等做好,建议下载阿里云手机app备案很快,不用拍照幕布。

    [宝塔版] 如何搭建一个微信小程序开源商城?

    4.注册微信小程序

    注册好你的微信小程序,复制你的小程序Appid,AppSecret(小程序密钥) ,如果你的域名已经备案好了,在微信小程序后台开发设置里-服务器域名,request(必须),socket ,uploadFile,uploadFile里都可以填入你的域名,

    (如果还没备案好,可以先不管,只要Appid,AppSecret就行)

    [宝塔版] 如何搭建一个微信小程序开源商城?

    [宝塔版] 如何搭建一个微信小程序开源商城?

    5.下载电商平台源码

    首先创建网站目录,宝塔面板安装完成后在下面添加你的网站,有域名填域名,没有域名的话填你的云服务器ip地址如图所示

    [宝塔版] 如何搭建一个微信小程序开源商城?

    把下好的电商平台源码上传到你的云服务器,只需要上传电商源码里的app里的文件,路径:-open-master\open\app

    如下图所示

    [宝塔版] 如何搭建一个微信小程序开源商城?

     

    [宝塔版] 如何搭建一个微信小程序开源商城?
    文件全部移到你的网站根目录下,打开浏览器访问你的域名开始安装

    查看环境和相关配置

    [宝塔版] 如何搭建一个微信小程序开源商城?

    创建数据库

    [宝塔版] 如何搭建一个微信小程序开源商城?

    输入你创建的数据库相关设置数据

    [宝塔版] 如何搭建一个微信小程序开源商城?

    然后一直点下一步,系统会自动安装,之后输入账号和密码登陆就可以访问你的后台了

    这是来客后台商城的截图,这样后台就安装完成了,如需接入入微信支付进行相关设置,你参考来客电商安装文档,不需要微信支付的可以继续往下看

    [宝塔版] 如何搭建一个微信小程序开源商城?

    在后台系统管理->系统设置里填写相对应的内容
    小程序api域名和系统域名修改需正确,后面会影响小程序的接口调用及图片路径的显示
    小程序域名:http://你的域名/后台目录名称/LKT/index.php?module=api
    IP地址:你服务器的IP,如果是本地请填写127.0.0.1
    系统域名:http://你的域名/后台目录名称
    注意:如果你的系统后台目录直接是定向域名,则上面的http://你的域名/后台目录名称 直接换成 http://你的域名/ 即可,不需要加上目录名称
    小程序id和小程序密钥填对,后面也会影响小程序的正常运行

    如下图所示

    [宝塔版] 如何搭建一个微信小程序开源商城?

    6.微信小程序开源商城设置

    下载好微信小程序开发工具,把来客电商源码里的miniprogram文件导入开发工具,文件路径:-open-master\open\miniprogram

    如图所示

    [宝塔版] 如何搭建一个微信小程序开源商城?

     

    导入好小程序第一件事就是修改接口路径,即?utils/util.js?的getUri方法里面路径

    例如现在访问后台的路径是:http://localhost/open/app/LKT/index.php,那么在utils/util.js?的getUri代码里面的路径应该改成:http://localhost/open/app/LKT/index.php?module=api&software_name=3&edition=1.0例如现在访问后台的路径是:https://../LKT/index.php,那么在utils/util.js?的getUri代码里面的路径应该改成:https://../LKT/index.php?module=api&software_name=3&edition=1.0例如现在访问后台的路径是:http://119.29.178.160/LKT/index.php,那么在utils/util.js?的getUri代码里面的路径应该改成:http://119.29.178.160/LKT/index.php?module=api&software_name=3&edition=1.0

    如果使用的是没有备案的域名或者是ip地址,需要在微信开发工具右边栏的详情本地设置里勾选不校验合法域名及https证书

    如图所示

    [宝塔版] 如何搭建一个微信小程序开源商城?

    [宝塔版] 如何搭建一个微信小程序开源商城?

    改完getUri方法里的域名,刷新一下你就可以看到小程序图片什么的都加载出来啦,那么恭喜你完成了来客商城微信小程序的搭建!

    你可以编译代码在手机上预览小程序,小程序首页添加商品和图片相关设置你可以在后台进行设置,要了解更多详情请移步到使用说明书。

    <(..)是国内知名商城系统及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、社区团购商城系统、微信分销系统、小程序商城、微分销系统等多端商城网站建设解决方案>

    申明:本网站部分文章和图片来源网络编辑,如有侵权及时沟通删除,来客电商原创文章,转载请注明来源。

相关评论
赞助商链接
赞助商链接