微信web部署

# 1 开放端口号

需要开放 端口号 9005、9002、9000

执行 sql 文件【iotdb0.7.0-202203331-wxWeb】 增加 表
https://gitee.com/sdyunze/iotlink/blob/master/sql/iotdb0.7.0-202203331-wxWeb.sql

# 2 nginx新增配置

nginx 新增 端口监听 如 域名 demogtw.5iot.cn 、 demoweb.5iot.cn

  server{
          listen 80;
          server_name demogtw.5iot.cn;
          location / {
         		 proxy_set_header Host $http_host;
						 proxy_set_header X-Real-IP $remote_addr;
						 proxy_set_header REMOTE-HOST $remote_addr;
						 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_pass http://localhost:9000;
          }
      }

server{
        listen 80;  #监听端口
        server_name demoweb.5iot.cn;

        location / {
            root yunxi;
            index  index.html;
            try_files $uri $uri/ /index.html; 
    	}
    	
    	
   }

# 3 微信服务号申请

微信服务号注册open in new window

# 4 微信商户号申请

微信商户号注册open in new window 一般也是5~7个工作日不等

# 5 微信服务号配置

# 5.1 菜单配置

子菜单名称: 单卡查询

子菜单内容: 跳转网页

页面地址: http://demoweb.5iot.cn/wechat?appId=您的微信服务号id

子菜单名称: 商品购买

子菜单内容: 跳转网页

页面地址: http://demoweb.5iot.cn/Shopping?appId=您的微信服务号id

配置跳转open in new window

配置如下 域名 如 demo.5iot.cn > 网页端访问域名 、 demoweb.5iot.cn > 微信端界面访问域名

基本配置跳转open in new window

获取 开发者ID 与 开发者秘钥

找到数据库对应表 yz_wx_config 添加一条数据 app_id 为 开发者ID(AppID) ，app_secret 为 开发者密码(AppSecret)

# 6 微信商户号配置

JSAPI支付开发配置open in new window

JSAPI支付 支付授权目录添加

配置如下 域名 如 demo.5iot.cn > 网页端访问域名 、 demoweb.5iot.cn > 微信端界面访问域名

Native支付 Native支付回调链接

配置如下 域名 如 demogtw.5iot.cn > gateway网关配置访问域名

http://demogtw.5iot.cn/web/weixin/pay/weixinPayify/您的商户号编号

# 6.1 商户号关联服务号

AppID账号管理open in new window

点击 +关联AppID 新增关联关系

授权绑定的AppID 来源于基本配置 下的 公众号开发信息 > 开发者ID(AppID)

基本配置跳转open in new window

# 7 后端程序

# 7.1 后端程序配置修改

• 修改对应数据库连接地址 或 有需要修改端口冲突的修改端口号

• 网关配置 gateway

打开目录 yunze-gateway > yunze-gateway/src/main/resources/application.properties

如 https://gitee.com/sdyunze/iotlink/blob/master/yunze-gateway/src/main/resources/application.properties

# 7.2 后端程序打包

同之前程序打包一致

打包之后的jar 上传至 目录 /mnt/RunJar 注意启动顺序不要变！

#启动前切换至 根目录
cd /

#查看当前目录
pwd

#启动 eureka 
 nohup  /var/java/jdk1.8.0_271/bin/java -Xms68m -Xmx128m -jar /mnt/RunJar/yunze-eureka.jar >/dev/null 2>&1&

#启动 gateway
 nohup  /var/java/jdk1.8.0_271/bin/java -Xms68m -Xmx128m -jar /mnt/RunJar/gateway-0.0.1-SNAPSHOT.jar >/dev/null 2>&1&

#启动 wechat
 nohup  /var/java/jdk1.8.0_271/bin/java -Xms68m -Xmx128m -jar /mnt/RunJar/wechat.jar >/dev/null 2>&1&

#启动 web
 nohup  /var/java/jdk1.8.0_271/bin/java -Xms68m -Xmx128m -jar /mnt/RunJar/web.jar >/dev/null 2>&1&

# 8 前端程序

# 8.1 前端程序配置修改

找到 目录 yunze-web-ui > .env.prod 文件 该文件配置的是线上环境请求 gateway（网关地址）路径 将 http://demogtw.5iot.cn 改成 您的 网关地址

如 VUE_APP_SERVER=http://demogtw.5iot.cn

# 8.1 前端程序打包

在idea 中 打开 目录 yunze-web-ui 在 Terminal（终端）中

执行

# 打包
npm run build-prod

# 8.2 web前端打包上传

将打包后文件上传至 nginx 目录(默认为 /mnt/www/server/nginx)下 yunxi 文件夹下

没有该文件夹则创建一个

将打包后文件 yunze-web-ui 下 dist 目录下所有 文件全选 上传至 nginx 所在目录 yunxi 文件夹下

即打开公众号可正常访问