交接文档禧莱思维导图模板_ProcessOn思维导图、流程图

九元资源

图片服务器

1、测试环境：http://10.200.107.131:9000/minio/adapter/wx/img/ 账号/密码：minioadmin/minioadmin123 2、生产环境：http://10.200.100.32:9000/minio/adapter/wx/img/ 账号/密码：minioroot/miniozfy-318-9air.com

禅道地址

http://zd.9air.com/pro/product-browse-20.html

仓库地址

http://10.10.2.204/ 九元仓库

http://122.152.201.220/users/sign_in 李思亮仓库

9air测试官网环境服务器

xshell/xftp密码一致

192.168.34.104 xshell/xftp账号密码： root/AQZw123DC^

9air测试公众号环境服务器

xshell/xftp密码一致

192.168.34.105 xshell/xftp账号密码： root/Jiuyuan72uzi8

jekins 测试环境打包

http://10.200.106.91:8080/jenkins/job/PSS2.0/job/b2c-web/

官网测试环境发包

使用tortoiseGit push到多个仓库

多个仓库的分支名要一样 即只能把本地的【master/prod/dev等等分支】push到仓库A/仓库B的【master/prod/dev等等分支】

步骤

在项目所在文件夹右键-tortoiseGit-setting-Git-remote

右侧remote/url填上信息

add new/save 点击后会有三个弹窗 前两个选时，最后一个直接关掉/cancel就可以了

使用tortoiseGit pull代码时，可以选择pull哪个仓库的代码

pull

git sync->pull

比如一个项目，我们这边有2人开发，九元那边有2人开发， 那么我们可能会在xilai的仓库中与我们这边的人有冲突 可能会在九元的仓库中与九元的人有冲突 那么我们pull代码的时候一定要拉两次一次禧莱的一次九元的 否则等到push的时候才发现不对就很难解决了!!

push 代码时要push all

会员俱乐部小程序（安心飞/周年庆优惠券）

仓库地址

开发分支dev，线上分支dev

http://xilai.my.to:10080/9Air/CRM-CLUB.git

http://jiameng@10.10.2.204/Workspace/9AirApp/CRM-CLUB.git

功能介绍

用户可以在该小程序进行注册、实名认证

购买安心飞【活动好像下线】

领取优惠券

领券的活动页面

CRM-CLUB/pages/Information/index.vue

点击领券后判断用户是否注册、实名认证过，走对应的流程 否则跳转优惠券列表页面

领券的活动规则页面

就一张图片 CRM-CLUB/pages/Information/rule/rule

领券的优惠券列表页面

CRM-CLUB/pages/Information/discount/discount

领券接口调用后无论成功失败有个倒计时定时器，保存到了缓存中，回到上个页面后定时器依然有效

优惠券列表的接口每个用户第一次请求的是单独的接口【后台从redis中返回数据，减少并发量】 然后该用户的接下来优惠券列表接口就请求真正的优惠券列表接口了

CRM-CLUB/Information

注意

所用的图片都需要上传后使用 上传：http://10.200.100.32:9000/minio/adapter/wx/img/ 账号/密码：minioroot/miniozfy-318-9air.com 使用：background: url("https://assets.9air.com/wx/img/chunjieBanner.png");

发生产接口的版本时，需要把CRM-CLUB/common/http.js中urlStatus的生产域名注释打开

appId：wx1d3ad1e4f55bb13d

官方小程序

仓库地址

master分支：暂无用 Branch_v1.0：小程序第一个版本【只有值机功能】 pssdev：值机第一个版本确定 new_pssdev：目前的开发分支

http://xilai.my.to:10080/9Air/JY0820-WX.git

http://jiameng@10.10.2.204/Workspace/9AirApp/9air-wechat-weapp.git

功能介绍

用户注册认证、购票、订单、自助服务等功能 目前上线的只有值机功能

介绍

common 里面是全局的一些js方法

http.api.js 接口地址和封装的调用方法

http.interceptor.js 请求拦截器

该项目的接口体系有很多个,即不同的url前缀有很多

1、引入了config中配置的url前缀 2、定义urlText使得不同的key对应不同的url前缀 3、接口请求的header头加上environment字段，值为urlText对应的key，则能找到对应的接口前缀

在请求参数中加上showLoadingMinaApp:true字段则可以展示加载中动效

utils.js 微信登录、获取openId的方法

components 封装的全局组件

config 配置文件

login

1、在app.vue的onShow中做了前置处理

2、在需要登录的页面判断不存在手机号和证件号，就跳转到登录页面【/pages/login/login】

3、用户从登录页面返回可以返回到主页 在login页面的onUnload做了判断，由于ios和Android的效果会不一样， 所以Android会再次进入登录页，在onShow()时候再返回的主页

4、认证页面填写用户信息后跳转到微信官方小程序获取权限，在app.vue的onShow中得到code，给后端做验证使用

app.vue

onLaunch() 小程序版本变更，提醒用户重启应用

onShow()

1、实名认证跳转到了微信小程序中，且用户同意后微信小程序会返回一个code【后端接口需要用到】，保存该code

2、行程相关判断

3、判断无token、token过期、没有绑定微信、没有绑定手机号、没有证件号就请求接口得到用户的OpenId、绑定的微信、手机号、和证件信息

4、有手机号则拿着用户手机号请求得到交易相关接口的token

pagesUser

order

index 订单列表

订单中的航班数据都是在一个字符串中，不同的航班类型字符串的分隔方式也不一样  有一个空格、两个空格、一个换行符

detail 订单详情

不同订单类型的订单详情接口不同

report.js 列表和详情都有用到的相同的js方法

1、根据数字得到订单类型

2、根据数字得到订单状态

这里面的数据与他们给的接口文档不一样,因为接口文档没有更新 我是先复制的接口文档中的数据，然后对比官网和app之后修改了

微信公众号自助服务【已经不使用了】

仓库地址

开发分支和线上分支都是dev 原生html项目，修改好后压缩成zip包给侯荣华

http://jiameng@10.10.2.204/PSS1.0/PssWx_WebVue.git

http://xilai.my.to:10080/9Air/PssWx_WebVue.git

微信公众号-值机柜台【已经不使用了】

无仓库地址就是一个静态html页面

微信公众号一期【已经不使用了】

仓库地址

开发分支和线上分支都是dev 原生html项目，修改好后压缩成zip包给侯荣华/麒麟

无九元仓库，源代码是侯荣华或者麒麟从服务器复制下来的

http://xilai.my.to:10080/9Air/PSS.git

微信公众号二期

仓库地址

开发分支是dev 第一个版本的线上分支是prodOne master分支无用

http://xilai.my.to:10080/9Air/9Air-Public.git

http://jiameng@10.10.2.204/Workspace/9AirApp/9air-public.git

功能介绍

该项目全部来源于app-h5项目，是把app-h5项目复制了一份做成微信公众号的

一个项目多个主页目前是五个以后还会更多 【九元航空】公众号的菜单配置中配置了多个页面路径 【点击购票】：https://m.9air.com/h5Public/home.html#/ 【自助服务-航班动态】：https://m.9air.com/h5Public/home.html#/ss/dynamic/flightSearch?selfServiceType=dynamic 【自助服务-值机柜台】：https://m.9air.com/h5Public/home.html#/pc/userCenter/airportInfo 【自助服务-客票验真】：https://m.9air.com/h5Public/home.html#/ss/ticketChecked/ticketSearch?selfServiceType=ticketChecked 【加入会员-账号管理】：https://m.9air.com/h5Public/home.html#/login 【加入会员-订单管理】：https://m.9air.com/h5Public/home.html#/pc/orderControl/orderList?orderType=allOrder

config/index.js 开发模式代理配置

src/config.js 开发/测试/生产环境的请求前缀

src/http/conf/axios.js 请求拦截器

emp的每个接口都必须带有sessionKey字段，否则调用失败

根据参数中的headerFileType值来进行不同的处理

上传文件需要加上headerFileType：upload

上传图片需要加上headerFileType：uploadimg

如果需要不同的前缀，则需要在src/config.js中新增前缀，然后在拦截器中对应处理 比如invoiceUrl前缀

src/wxconfig/index.js 微信相关的配置以及微信支付的代码

注意点

目前与微信的交互只有微信支付，但是支付需要前置步骤

由于支付时需要用户OpenId，所以需要用微信授权得到code，传给后端获取openId 用户无感 let firstLink = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appID}&redirect_uri=${url}&response_type=code&scope=snsapi_base&state=#wechat_redirect` window.location.href = firstLink;

app-h5项目大部分数据保存在vuex中，而微信是重定向url，所以存在vuex中的东西会丢失， 所以一个主页的其下页面需要调用微信支付，需要在该主页就跳转微信的页面获得code 参考 /views/home/index.vue /views/personalCenter/orderControl/orderList.vue

且由于需要在公众号设置安全域名等等操作，所以只有【m.9air.com】该域名下的项目才能被微信跳转成功拿到code和openId <ul><li>即测试环境不能跳转到微信和支付！！</li></ul>

每个主页的子页面的关闭按钮要回到该主页 在每个主页中把主页地址存在缓存中，则关闭事件就会取缓存中的路径从而跳转过去 let fristHome={url:'/'} sessionStorage.setItem("first_home",JSON.stringify(fristHome))

预览pdf修改了pdfjs-dist的源码 打包生产包和测试包的项目中一定要用native\pdf.js覆盖掉 native\node_modules\pdfjs-dist\es5\build\pdf.js

发布

测试环境 前端打包给侯荣华发布

npm run build:test

打包之后压缩成一个zip文件，注意解压后不要多一层目录 即zip解压之后直接就是文件，而不是还有一个目录

所有的项目无论是前端打包发布或者打包给别人发布，都需要遵循

把zip文件发给侯荣华

生产环境 前端打包给侯荣华发布

npm run build:prod

打包之后压缩成一个zip文件，如测试环境发包一样

把zip文件发给侯荣华

上线地址

测试-九元航空阿九帮您 【点击购票】：https://203.110.166.66:28080/h5Public/home.html#/ 【自助服务-航班动态】：https://203.110.166.66:28080/h5Public/home.html#/ss/dynamic/flightSearch?selfServiceType=dynamic 【自助服务-值机柜台】：https://203.110.166.66:28080/h5Public/home.html#/pc/userCenter/airportInfo 【自助服务-客票验真】：https://203.110.166.66:28080/h5Public/home.html#/ss/ticketChecked/ticketSearch?selfServiceType=ticketChecked 【加入会员-账号管理】：https://203.110.166.66:28080/h5Public/home.html#/login 【加入会员-订单管理】：https://203.110.166.66:28080/h5Public/home.html#/pc/orderControl/orderList?orderType=allOrder

生产-九元航空公众号 【点击购票】：https://m.9air.com/h5Public/home.html#/ 【自助服务-航班动态】：https://m.9air.com/h5Public/home.html#/ss/dynamic/flightSearch?selfServiceType=dynamic 【自助服务-值机柜台】：https://m.9air.com/h5Public/home.html#/pc/userCenter/airportInfo 【自助服务-客票验真】：https://m.9air.com/h5Public/home.html#/ss/ticketChecked/ticketSearch?selfServiceType=ticketChecked 【加入会员-账号管理】：https://m.9air.com/h5Public/home.html#/login 【加入会员-订单管理】：https://m.9air.com/h5Public/home.html#/pc/orderControl/orderList?orderType=allOrder

且由于需要在公众号设置安全域名等等操作，所以只有【m.9air.com】该域名下的项目才能被微信跳转成功拿到code和openId <ul><li>即测试环境不能跳转到微信和支付！！</li></ul>

h5短信开电子发票

仓库地址

开发分支dev 线上分支dev

http://xilai.my.to:10080/9Air/crm-join-h5.git

http://jiameng@10.10.2.204/Workspace/CRM/crm-join-h5.git

介绍

该项目下面有两个不同的模块 已知道的是h5Invoice模块是电子发票相关 用户通过手机短信手机浏览器打开项目，在上面输入开票信息从而完成开发票的操作 memberShip不知道是什么，不知道是否上线

由于直接给用户发短信，让用户进行操作，所以在短信链接里包含了用户信息，即不用登陆

本地环境启动

登陆后台管理系统（测试环境） http://192.168.42.26:8001/ 账号/密码：TESTWORK/TEST.WORK?

左侧菜单【发票管理-发票申请】，找一个你知道的测试订单（比如陈俊、你自己、黄广基的...）

勾选订单-申请开票-勾选可开票信息-推送信息-输入你自己的手机号-推送信息

手机收到测试环境的开票短信链接【短链接】，用浏览器打开链接后复制浏览器的链接

【九元航空】尊敬的旅客：开票信息详情！ 详情请戳https://dwz.cn/JDvvBzsb。【九元航空】

http://weixinazsxcd.9air.com/h5Invoice/?ticketNumber=9021000514315&certificatesNumber=360102199609042042&passengerName=%e6%88%90%e4%ba%ba%e6%b5%8b%e8%af%95#/

本地启动项目后，把？后面的参数复制到本地url的后面即可

http://localhost:8082/h5Invoice/?ticketNumber=9021000514315&certificatesNumber=360102199609042042&passengerName=%E6%88%90%E4%BA%BA%E6%B5%8B%E8%AF%95#/

四个页面

展示可开发票页面【用户第一个看到的页面】 crm-join-h5\h5Invoice\src\views\invoice\makeInvoice\index.vue

填写发票信息页面 crm-join-h5\h5Invoice\src\views\invoice\issue\index.vue

申请成功页面 crm-join-h5\h5Invoice\src\views\invoice\succeed\index.vue

重发邮件页面 crm-join-h5\h5Invoice\src\views\invoice\resendMail\index.vue

发布

测试环境 前端打包发布

crm-join-h5\h5Invoice\src\utils\Interceptor.js 把拦截器中的 config.url = url.replace(/\/eInvoice\/api\/crm\/api\//g, 'https://api.9air.com/test/thirdpart/crm/api/') 注释放开

打包之后压缩成一个zip文件，注意解压后不要多一层目录 即zip解压之后直接就是文件，而不是还有一个目录

所有的项目无论是自己打包发布或者打包给别人发布，都需要遵循这个

使用xhsell或者xftp软件连接上测试环境服务器发布 步骤看不明白可以问我或者问大佬

192.168.34.105 xshell/xftp账号密码： root/Jiuyuan72uzi8

xshell 使用一定要小心，绝对不能进错目录， 否则命令不可回滚导致服务器的崩溃会造成极大的损失

进入目录 cd /wwwroot/h5Invoice

#检查下自己确定没进错目录 #进错目录了输入的命令可能会引起服务器的崩溃！！ pwd

#拷贝一份出来，万一这个发布失败，用拷贝的这份回滚 zip -q -r dist.zip * #把当前目录下的所有文件压缩成dist.zip sz dist.zip #选中一个你本地的文件夹存储就可以了

#删除该目录下的所有文件 #该命令很严重，一定要检查确定目录没错！否则用错地方会造成极大的损失！ rm -fr *

#上传刚刚打包的dist.zip文件 rz

#解压缩 unzip dist.zip

xftp

备份上次的文件

删除旧文件

在左侧窗口打开自己本地build之后的文件夹 选中全部后拖动到右侧

上传代码成功后，前端发包不用重启tomcat，但是万一没生效的话就可以重启再试一下

需要用xhsell连接测试环境服务器

输入命令： /usr/local/apache2/bin/apachectl start

发布成功后，按照【本地启动步骤】1-4即可测试功能是否通过

生产环境 前端打包给电子发票后端（李燕兵）发布

crm-join-h5\h5Invoice\src\utils\Interceptor.js 把拦截器中的 config.url = url.replace(/\/eInvoice\/api\/crm\/api\//g, 'https://api.9air.com/thirdpart/crm/api/'); 注释放开（生产环境少了一个/test）

打包之后压缩成一个zip文件，如测试环境发包一样

把zip文件发给电子发票后端（李燕兵）

发布成功后无法测试，没有后台管理系统的生产地址和账号

ota追加行李（ota-h5）

仓库地址

开发分支dev 线上分支dev

http://xilai.my.to:10080/9Air/OTA-H5.git

http://jiameng@10.10.2.204/Workspace/9AirApp/OTA-H5.git

介绍

与【h5短信开电子发票】一样，是通过短信连接发给用户， 用户用浏览器打开链接登录后选择订单购买行李

OTA-H5\src\utils\Interceptor.js 打包时修改了请求前缀

发布

测试环境/生产环境 前端打包给侯荣华发布

npm run build

打包之后压缩成一个zip文件，注意解压后不要多一层目录 即zip解压之后直接就是文件，而不是还有一个目录

所有的项目无论是前端打包发布或者打包给别人发布，都需要遵循这

把zip文件发给侯荣华

上线地址

测试 http://203.110.166.66:28080/h5Luggage/index.html#/

生产 https://m.9air.com/h5Luggage/index.html#/

app-h5

仓库地址

开发分支是dev 打包分支dev master、qa分支暂无用

http://xilai.my.to:10080/9Air/EMP-APP.git

http://jiameng@10.10.2.204/Workspace/9AirApp/9air-app-h5.git

介绍

由Android/ios原生+这个项目组成了一个安装文件包 原生是由侯荣华负责，打包成安装包也是由他操作

原生

原生页面与我们负责的页面（简称vue页面）

原生页面【侯荣华负责】

首页、自助服务、自助服务-航班动态、活动专区、个人中心、会员登录

区分是否原生的方式：手机安装测试包，打开你想确定的页面，页面上有vConsole的即为vue页面，否则就是原生页面

我们只负责除了原生页面之外的那些页面，即在手机测试包中页面上有vConsole的

与原生交互

也是由侯荣华负责，由他负责定义交互的方法， 我们只负责在需要交互的地方调用即可this.$bridge.callHandler

<div style="color: rgb(187, 187, 187); background-color: rgb(40, 44, 52); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div>比如要回到首页，这个首页是原生写的页面，我们无法靠自己跳转， 就需要与原生交互告诉原生，需要跳转到首页         this.$bridge.callHandler('toMain',{</div><div>            index : 0</div><div>        },(res)=>{})</div></div>

目前我所知道的交互

回到首页/自助服务/活动专区/个人中心

<div style="color: rgb(187, 187, 187); background-color: rgb(40, 44, 52); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div>        this.$bridge.callHandler('toMain',{</div><div>            index : 0/1/2/3</div><div>        },(res)=>{})</div></div>

关闭当前页面

<div style="color: rgb(187, 187, 187); background-color: rgb(40, 44, 52); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;">this.$bridge.callHandler("closeWebview", {}, res => {});</div>

打开一个链接

<div style="background-color: rgb(40, 44, 52); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="">            this.$bridge.callHandler("openUrl", {url:''},res =>  {});</div></div>

获取sessionKey

<div style="color: rgb(187, 187, 187); background-color: rgb(40, 44, 52); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div>    this.$bridge.callHandler("getSessionKey", {}, res => {</div><div>      store.dispatch("changeSessionkey", res.sessionkey);</div><div>    });</div></div>

只能在手机app上看到效果，用浏览器打开无效

config/index.js 开发模式代理配置

src/config.js 开发/测试/生产环境的请求前缀

src/http/conf/axios.js 请求拦截器

emp的每个接口都必须带有sessionKey字段，否则调用失败

根据参数中的headerFileType值来进行不同的处理

上传文件需要加上headerFileType：upload

上传图片需要加上headerFileType：uploadimg

如果需要不同的前缀，则需要在src/config.js中新增前缀，然后在拦截器中对应处理 比如invoiceUrl前缀

本地启动

修改请求拦截器中的sessionKey

sessionKey是一进入程序就需要调用接口获取 在本项目中，这步是由原生完成的，所以每次启动前需要先拿到sessionKey，否则所有接口调用失败 一进入程序拿到的sessionKey是无效的，在拿到sessionKey的程序中登录后，该sessionKey才是有效的【绑定了用户】