航兴充电桩-微服务(kxcharge)开发指南 航兴充电桩-微服务(kxcharge)开发指南
首页
  • 开发指南
  • 功能介绍
常见问题
在线体验
案例
GitHub (opens new window)
首页
  • 开发指南
  • 功能介绍
常见问题
在线体验
案例
GitHub (opens new window)
  • 开发指南

    • 介绍
    • 本地启动
      • 1.启动redis服务
        • ①修改redis配置文件
        • ②启动指定配置文件的redis服务器
        • ③启动成功效果-测试连接
      • 2.启动本地mysql服务
        • ①确认本地mysql服务器启动
        • ②新建数据库、导入群文件脚本
      • 3.导入项目启动服务程序
        • ①使用git拉去代码
        • ②等待maven下载需要的jar包
        • ③IDEA安装lombok插件
        • ④项目中数据库和redis连接对应上。
      • 4.nacos注册中心启动
      • 5.服务启动启动
      • 推荐大家安装nvm 。是对nodejs的版本控制,非常好用。
      • 1.安装nodeJs**
        • 安装包下载
        • 运行msi文件
        • 设置nodejs prefix(全局)和cache(缓存)路径
        • 基于 Node.js 安装cnpm(淘宝镜像)
        • ⑤ 设置环境变量(非常重要,方便以后使用)
      • 3.打开项目启动前端服务器程序
        • 启动前,建议先安装一下 (idea 安装设置开发vue项目环境)
        • ①使用idea打开项目
        • ②安装vue插件
        • ③安装脚手架
        • ④启动前端项目
      • 1.配置appId
      • 2.导入项目启动小程序
    • 开源版VS商业版
    • 线上部署教程
    • docker部署教程
  • 功能介绍

    • 版本更新记录
    • 扫码充电
    • 演示模式关闭
目录

本地启动

# 一、准备

本地环境必须要有:

1.jdk1.8

2.Idea集成开发工具

3.Git

4.nodeJs(vue开发脚手架)

5.Mysql服务

6.Redis服务

7.HBuilderX(小程序、APP开发工具)

8.微信开发者工具

本地辅助环境:

1.数据库可视化工具Navicat

2.Redis可视化工具RedisDesktopManager

辅助工具下载地址

https://kaixing.lanzouw.com/b017nw9sb 密码:fnot

线上部署:

1.项目推荐(微服务版本):8核16G服务(Ubuntu系统)

阿里云折扣场:[点我进入] (opens new window) (https://www.aliyun.com/minisite/goods?userCode=gclm7a7u)

腾讯云秒杀场:[点我进入] (opens new window)(https://curl.qcloud.com/6iRoSBvc)

# sql脚本

开源版本脚本===》 群文件(执行最新全量脚本即可:QQ群号:687754307) 麻烦先点一个星星(https://gitee.com/guo-yanping-1991/kxcharge ) 谢谢

商业版本:客户端体验联系群主,演示服地址 https://cdz.kxmall.vip

# 服务器启动

# 1.启动redis服务

# ①修改redis配置文件

img.png

说明:将redis的密码策略打开,将密码设置成redis,供启动服务器使用

# ②启动指定配置文件的redis服务器

新建批处理文件(后缀名.bat)

img.png

生成如图所示图标

img_1.png

# ③启动成功效果-测试连接

启动成功效果图

img_2.png

测试连接效果图

img_3.png

# 2.启动本地mysql服务

# ①确认本地mysql服务器启动

使用Navicat工具测试连接

img_4.png

# ②新建数据库、导入群文件脚本

img_5.png img_6.png

说明:选中脚本文件,即可

# 3.导入项目启动服务程序

# ①使用git拉去代码

(路径)https://gitee.com/guo-yanping-1991/kxcharge

img_7.png

填入git地址拉去代码。

# ②等待maven下载需要的jar包

# ③IDEA安装lombok插件

img_8.png

说明:项目中使用了省略bean的set get 方法,使用注解@Data形式自动生成。

# ④项目中数据库和redis连接对应上。

# 4.nacos注册中心启动

目前试了一下 jdk版本为 1.8.0_371

nacos适配版本 nacos-server-2.3.0-BETA.zip

通过网盘分享的文件:nacos-server-2.3.0.zip 链接: https://pan.baidu.com/s/1IL-0LVt1d7foT_BOXRRAaw?pwd=znr2 提取码: znr2

第一步:下载下来,解压,执行数据库脚本

第二步:修改配置文件,指定mysql模式

D:\nacos\conf 文件夹 ==》 application.properties

第三步:单例启动 startup.cmd -m standalone

D:\nacos\bin\startup.cmd -m standalone

路径根据自己定义的,路径。弄成bat脚本。

源码的doc文件夹也有

双击脚本

启动成功。

测试连接,验证是否启动成功。(可视化界面)

http://localhost:8848/nacos

# 5.服务启动启动

首先启动geteway

配置如下图

启动

启动成功截图

验证

再启动infra和system

启动截图

# 三、前端服务器启动

# 推荐大家安装nvm 。是对nodejs的版本控制,非常好用。

https://kaixin.blog.csdn.net/article/details/135727333

如果安装nvm。下面的安装步骤就可以省略了。可直接nvm install 指定版本

当前电脑的node和npm版本截图给大家参考一下

# 1.安装nodeJs

# 安装包下载

官网下载 https://nodejs.org/en/download

# 运行msi文件

我存在E盘下nodejs文件夹下

img_13.png

# 设置nodejs prefix(全局)和cache(缓存)路径

在nodejs安装路径下,新建node_global和node_cache两个文件夹

img_14.png

设置缓存文件夹

进入到Windows dos界面,进入nodejs文件夹目录下。执行下方命令

npm config set cache "E:\nodejs\node_cache"

npm config set prefix "E:\nodejs\node_global"

img_15.png

# 基于 Node.js 安装cnpm(淘宝镜像)

说明:由于npm是国外的,使用起来比较慢,我们这里使用淘宝的cnpm镜像来安装vue。淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

进入到Windows dos界面,进入nodejs文件夹目录下。执行下方命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

img_16.png

# ⑤ 设置环境变量(非常重要,方便以后使用)

说明:设置环境变量可以使得住任意目录下都可以使用cnpm、vue等命令,而不需要输入全路径

1.鼠标右键"此电脑",选择“属性”菜单,在弹出的“系统”对话框中左侧选择“高级系统设置”,弹出“系统属性”对话框。

2.修改系统变量PATH

img_17.png

3.新增系统变量NODE_PATH

img_18.png 温馨提示:

记得点击保存,否则环境变量无法生效。

另外dos界面需要关闭重新开启,全局变量方可生效!

# 3.打开项目启动前端服务器程序

# 启动前,建议先安装一下 (idea 安装设置开发vue项目环境)

https://blog.csdn.net/qq_38377190/article/details/106207211

# ①使用idea打开项目

img_21.png

说明:我讲前端代码和后端代码都放一起了。你们选中单独选中前端代码即可。

# ②安装vue插件

img_25.png

# ③安装脚手架

执行命令

npm install --legacy-peer-deps

img_26.png

# ④启动前端项目

执行命令

npm run dev

img_27.png

效果如下图

# 四、小程序、APP启动

# 1.配置appId

https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html

访问上方链接,申请测试账号。

img_29.png

获取

img_31.png

# 2.导入项目启动小程序

打开HBuilder导入kxcharge-uniapp项目

img_33.png

填入上方申请的测试账号。

运行项目

img_35.png

选择微信开发者工具路径

img_36.png

下载微信开发者工具

img_37.png

点击ok,编译报错

img_38.png

下载插件

Less 和 sass 插件

img_39.png

再次启动,又报这个错

img51.png

解决:打开微信开发者工具,选择设置==》安全 将服务端口打开

img52.png

再次启动

微信开发者工具报这个错误。

img_42.png

解决方式

img_43.png

img_44.png

勾选即可。

# 五、h5启动

打开HBuilder导入kxcharge-uniapp项目

img_45.png

点击运行

img_46.png

即本地启动h5

# 六、app打包

打开HBuilder导入kxcharge-uniapp项目

先配置好配置项

配置app图片

img_48.png

注意:上传一张照片。点击自动生成即可。

img_49.png

即生成apk安装包

介绍
开源版VS商业版

← 介绍 开源版VS商业版→

Theme by Vdoing | Copyright © 2024-2025 zhixing | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式