小牛充电桩前后端开源程序部署指南.md · dsd/evcharger_awsiot_vue_gitee

# 项目介绍

小牛充电桩是深圳小牛新能源有限公司开发的面向新能源汽车/电瓶车的充电基础设施。

充电桩前端、后端应用程序开源，方便客户快速创建自己的充电网络，快速部署充电应用程序，

为充电运营、研发企业提供解决方案与思路，为相关研发人员提供快速学习的机会与平台。

本电动车充电桩前端（网页管理端）与 后端（服务端）源代码放置在www.gitee.com 与 www.github.com

平台适用国内及国外场景，未引入计费系统，本系统仅支持网页前后端，只有授权启动充电的功能，没有计费，支付功能，如需此类功能，请考虑商务合作。

# 第一步：准备工作

以下准备工作如已准备就绪，请直接跳过。

## 1.1 亚马逊账号注册

[亚马逊中国区](https://www.amazonaws.cn/)

[亚马逊全球](https://aws.amazon.com/cn/)

## 1.2 域名准备

部署充电平台需要一个域名，在国内部署请先备案。

## 1.3 源代码准备

访问以下网页下载源代码。注意，两个项目的源代码文件夹放在同一目录下，不要分开。

https://gitee.com/saicov/evcharger_awsiot_vue_gitee

https://gitee.com/saicov/evcharger_awsiot_sam_gitee

# 第二步：部署前准备

## 2.1 本机电脑权限配置

登陆亚马逊云，进入管理平台，点击“服务” 找到“IAM” 或者在搜索框中输入IAM。点击”用户“，点击”添加用户“，

输入用户名，选中“访问密钥”，本次创建的用户是部署程序专用，所以不创建密码，只能通过密钥来使用。

多次下一步到最后创建用户，成功后的这一步最关键，一定要记得记录“访问密钥ID”和“私有访问密钥”，因为只有这一次机会，切记。

记录的密钥ID和访问密钥保存到本机电脑如下位置：(windows电脑：C:\Users\myusername\\.aws\)
```
~/.aws/credentials
[default]
aws_access_key_id = xxx
aws_secret_access_key = yyyyy
```
```
~/.aws/config
[default]
region = ap-east-1
output = json
```

## 2.2 亚马逊后台配置

登陆亚马逊云，进入管理平台，点击右上角账户名，记录账户ID，这是12位数字ID，后台会用到。

点击右上角账户名左侧的全球区域标识，选择一个适合你的部署区域，比如：北京/宁夏 或者 香港/美国东部 等等，本次部署实例选择“香港”，记录区域代码：ap-east-1

点击“服务” 进入 IoTCore 功能，点击“设置” 找到 “设备数据终端节点” 复制并记录 终端节点，比如：

a29stcwgd6oyn6-ats.iot.ap-east-1.amazonaws.com

这是本次部署实例的终端节点。其中ap-east-1是本次部署实例的区域代码（香港）。

进入”服务“ 找到 ”S3“ 并进入，点击“创建存储桶”，填写存储桶名称，如：hkweb.mosf.cn

注意，这里的域名必需是##1.2准备的域名，存储桶的名字与扫码访问的域名一致，即存储桶的名字就是网站的域名。

“阻止所有公开访问” 不要打勾，禁用“阻止全部公有访问”可能会导致此存储桶及其中的对象被公开 下面的 “我了解” 要打勾。

点击“创建存储桶”，完成创建。

完成创建以后点击存储桶的名字，进入存储桶，点击“属性”，划到最下面的“静态网站托管”，选择“编辑” ，选择启用，填写索引index.html 最后点击 保存更改。

点击“权限”，找到“存储桶策略” "编辑“ 填入以下内容：(注意非中国区aws-cn改为aws，域名改为自己的)
```JSON
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AddPerm",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::hkweb.mosf.cn/*"
        }
    ]
}
```
保存修改后再点击存储桶的“属性” 划到最下面，复制 “存储桶网站终端节点” 这是本网站的访问地址。

http://hkweb.mosf.cn.s3-website.ap-east-1.amazonaws.com/

如果没有申请域名或不方便申请域名，可以直接用这个地址来访问，可以直接跳过下一步。

## 2.3 域名解析

进入域名管理，域名解析功能，将上面得到的域名解析到申请的域名（CNAME）

比如： 将 hkweb.mosf.cn CNAME 到 hkweb.mosf.cn.s3-website.ap-east-1.amazonaws.com

# 第三步：部署程序

## 3.1 安装node.js

在本机安装node.js和npm编译工具，已安装的跳过。

MAC OS X操作系统安装方法：brew install node.js

WINDOWS操作系统下载地址：https://nodejs.org/dist/v16.14.0/node-v16.14.0-x64.msi

## 3.2 安装aws-cli

在本机安装aws-cli，已安装的跳过。

MAC OS X 操作系统安装方法： brew install awscli

WINDOWS操作系统下载地址： https://s3.amazonaws.com/aws-cli/AWSCLI64.msi

## 3.3 安装aws-sam-cli

在本机电脑安装aws-sam-cli，已安装的跳过。

MAC OS X 安装方法： brew tap aws/tap; brew install aws-sam-cli;

WINSOWS 下载地址： https://github.com/aws/aws-sam-cli/releases/latest/download/AWS_SAM_CLI_64_PY3.msi

## 3.4 部署后端程序

进入 evcharger_awsiot_sam_gitee 源代码，找到samconfig.toml，修改region,比如：ap-east-1

打开templete.yaml 修改AWSRegion为对应值，比如： ap-east-1

修改SQSQueueURL中的region和账户ID。

修改IotDataEndpoint为 ##2.2 中得到的服务器域名。

修改 IOTServerURL 和 DDBServerURL 的相关项。

打开apps/config.js 修改其中的对应值，比如：aws-cn改为aws(中国大陆以外地区)，aws改为aws-cn(中国大陆), 账户ID，区域ID

修改template.yaml中AllowOrigins的值为对应域名。

运行go.sh 执行部署程序，对于windows系统，请逐行执行脚本代码。

执行到这一步，会得到后端程序入口，将得到的结果人工修改到../evcharger_awsIoT_vue_gitee/src/config.js即可（仅windows)
```
aws apigatewayv2 get-apis|grep ApiEndpoint|awk -F'\"' '{print $4}'
```

## 3.5 部署前端程序

进入 evcharger_awsiot_vue_gitee 源代码，找到go.sh

修改其中的s3bucket="hkweb.mosf.cn"为你的对应域名，运行这个脚本。

# 第四步：将设备连接到云平台

参考下面这篇文章，可以将设备连接到亚马逊云平台。

https://juejin.cn/post/7072267711614550030

https://zhuanlan.zhihu.com/p/476994999

# 第五步：测试

1. https://hkweb.mosf.cn/devices.html 这是后台管理软件地址
2. https://hkweb.mosf.cn/charger.html?id=100111 这是充电桩充电软件访问地址
3. 通过 http://www.cli.im/url 生成二维码贴在机器上即可访问
4. 如需要测试设备请联系我公司采购

dsd/evcharger_awsiot_vue_gitee

简介

发行版

贡献者

近期动态

dsd/evcharger_awsiot_vue_gitee .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

dsd/evcharger_awsiot_vue_gitee