电商项目开发环境搭建 ​

1后端 ​

1.1 数据库 ​

电商项目的数据库使用MySQL8，首先创建数据库“mall-plus”

从课程资料中找到“电商项目”目录中mall-plus.sql，创建表并导入数据。

共59张表

1.2 Redis ​

保证虚拟机中的Redis启动成功

1.3 MQ ​

保证虚拟机的RabbitMQ启动成功

1.4 Elasticsearch ​

保证虚拟机的Elasticsearch启动成功

1.5 部署工程 ​

将“电商项目”目录中的mall-plus目录拷贝到代码目录，并使用IDEA打开mall-plus目录。

找到每个端的配置进行配置：

在application-dev.yml中主要配置：

1. 数据库的IP、账号、密码等信息
2. redis的IP、密码等信息
3. RabbitMQ的IP、虚拟主机、账号、密码等信息
4. Elasticsearch的IP、端口等信息

配置完成，启动电商项目。

2 前端 ​

2.1 安装nvm ​

我们面对的前端项目很多，比如A，B两个并行开发项目，nodejs依赖版本不一致。A项目需要v119.1老版本，B项目需要v16.15.0新版本，需要随时切换。

我们可以使用nvm工具灵活切换node.js版本

举例如下：

nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。

请大家自行上网查找nvm安装方法并自行安装。

2.2 运营端 ​

node版本切换到116.0，如下图：

在“电商项目”目录下“mall-ui\manager”目录拷贝到代码目录，cmd进入此目录，运行"npm install || yarn"命令，安装依赖。

如下图：

启动运营端,运行：yarn run dev

如下图：

2.2 店铺端 ​

在“电商项目”目录下“mall-ui\store”目录拷贝到代码目录，参考运营端运行店铺端。

2.3 小程序 ​

2.3.1 申请小程序账号 ​

开发小程序首先要申请小程序账号，参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#申请账号

点击注册小程序（https://mp.weixin.qq.com/wxopen/waregister?action=step1）填写信息，如下图：

填写完成进入下一步：

进入邮箱激活小程序，进入下一步信息登记，选择“个人”

填写主体登记信息：

使用自己的个人微信扫描上图的二维码，如下图，点击“确定”

点击“确定”后提示“信息提交成功”，点击前往小程序。

进入小程序管理界面：

填写小程序信息，点击上图中小程序信息栏目的“去填写按钮”，如下图：

小程序名称一定谨慎填写，每年是有一定修改次数限制的。

注意：小程序名称不能重复

下边配置最关键的appid和密钥，通过左侧菜单找到开发管理菜单：

点击“开发管理”菜单进入下图界面，点击“开发设置”，如下图：

点击“生成” 弹出二维码，如下图：

使用自己的微信扫描二维码生成密钥成功，点击“复制”将密钥和AppID妥善保存，开发小程序要使用。

如果密钥丢失可以进行重置：

2.3.2 安装小程序开发工具 ​

本部分内容可参考微信开发文档：https://developers.weixin.qq.com/ebook?action=get_post_info&docid=000e8842960070ab0086d162c5b80a

首先下载微信小程序开发工具。

用户端是基于微信小程序开发的，首先需要下载并安装微信开发者工具：

可以使用课程资料中提供的安装包或在线下载，点击下载（https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html）

安装成功创建快捷方式：

2.3.3 运行小程序 ​

然后打开微信开发者工具，初次使用弹出身份确认，如下图，使用申请小程序账号时用的微信进行扫码。

扫码通过进入下边的界面：

进入添加小程序项目界面，如下图：

目录：选择小程序前端工程的 shop-uniapp\unpackage\dist\dev\mp-weixin目录。

AppID：填写申请小程序号获取的AppID。

选择不使用云服务。

如下图：（注意每人的目录位置可能不一样）

点击确定进入下边的界面：

小程序开发环境配置完成进行编译运行。

首先清除缓存

然后编译运行：