qunarcorp / Startalk_node

使用前需知

• 该项目依赖后端服务，否则无法正常使用该工具。
• node版本为8.6.0,否则可能无法正常使用该工具。

操作步骤一(本地)

克隆项目(第一个为qunarchat_web项目,第二个为对应的node项目)

    git clone https://github.com/qunarcorp/fe_qunarchat_web.git
    git clone https://github.com/qunarcorp/startalk_node.git

1.qunarchat_web项目配置

1、安装依赖(尝试低版本node)

    npm install fekit -g 

3、修改qunarchat_web配置

• 修改qunarchat_web/src目录下的 navigation.js 文件
• 将后台部署后生成的导航链接，粘贴到浏览器中访问，查看浏览器中返回的json数据
• 若浏览器查看json数据不清晰，可以打开 https://www.json.cn 将返回数据粘贴到左侧窗口，右侧会自动生成解析后的json数据
• 将json数据中的baseaddess部分直接全部粘贴到navigation.js文件中即可

4、prod打包

• 执行打包操作，在prd目录下生成打包文件
• 然后拷贝到node项目的public文件夹下，用于引入

    fekit min

2.qunarchat_node项目配置

一、查看 js、css文件导入

• 在qunarchat_web项目配置中，已经将项目所需的文件复制到了该项目public文件夹下
• 记录相应版本号，便于配置node_config.js文件

二、修改配置

• 修改startalk_node项目目录下的 node_config.js 文件
• 将后台部署后生成的导航链接，粘贴到浏览器中访问，查看浏览器中返回的json数据
• 若浏览器查看json数据不清晰，可以打开 https://www.json.cn 将返回数据粘贴到左侧窗口，右侧会自动生成解析后的json数据
• node_config.js文件说明：
  • "xmpp":"",//后台建立连接接口
  • "fileurl":"",//后台接口
  • "javaurl":"",//后台接口
  • "httpurl":"",//后台接口
  • "apiurl":"",//后台接口
  • web：//静态资源路径
    • title:自定义项目标题
    • webcss:css路径--public/styles/web/[email protected]文件名
    • webjs: js路径--public/scripts/page/web/[email protected]文件名
  • touch：//静态资源路径
    • title:自定义项目标题
    • webcss:css路径--public/styles/touch/[email protected]文件名
    • webjs: js路径--public/scripts/page/touch/[email protected]文件名
  • jquery：//jquery文件
  • navigation：//导航链接文件
• 后台接口的配置需找到导航链接返回数据中相同key字段对应的value值，填入到node_config.js文件中即可
• 下面的是静态资源文件路径，根据之前记录下来的js和css文件名，分别填入到node_config.js文件中即可

操作步骤二(服务器部署)

一、服务器环境安装(root用户)

• 安装node：

    wget https://npm.taobao.org/mirrors/node/v8.6.0/node-v8.6.0-linux-x64.tar.xz
    tar -xvf  node-v8.6.0-linux-x64.tar.xz
    cd  node-v8.6.0-linux-x64/bin

• 执行以下命令，若显示 v8.6.0 ，则表明安装成功

    ./node -v

• 配置软连接，便于全局使用 node npm命令

    ln -s /qchat/node-v8.6.0-linux-x64/bin/node /usr/local/bin/node
    ln -s /qchat/node-v8.6.0-linux-x64/bin/npm /usr/local/bin/npm

• 分别执行以下命令，若返回版本号，则表示配置成功

    node -v
    npm -v

二、上传代码到服务器

• 登录服务器后，将操作步骤一中修改好的node项目上传至服务器。
• 可通过自己上传至git仓库再clone或者直接本地上传

三、qchat_node项目配置、启动服务

一、安装依赖

    cd /qchat
    npm install

二、项目启动与预览

• 使用npm启动node项目

    npm run start

• 注意：目前端口配置为8997,url中strid参数即为对应的聊天对象
• 项目预览：
  • 项目启动成功后，在电脑浏览器中输入 [本机IP:8997/webchat/web/?strid=admin&shopId=shop_1],回车键访问web页面
  • 项目启动成功后，在电脑浏览器中输入 [本机IP:8997/webchat/touch/?strid=admin&shopId=shop_1],回车键访问touch页面